@font-face {
    font-family: 'SourceHanSansCNRegular';
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNRegular/SourceHanSansCN-Regular.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'SourceHanSansCNMedium';
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNMedium/SourceHanSansCN-Medium.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'SourceHanSansCNBold';
    src: url('../fonts/SourceHanSansCNBold/SourceHanSansCN-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/SourceHanSansCNBold/SourceHanSansCN-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/SourceHanSansCNBold/SourceHanSansCN-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/SourceHanSansCNBold/SourceHanSansCN-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/SourceHanSansCNBold/SourceHanSansCN-Bold.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'BarlowRegularCondensed';
    src: url('../fonts/BarlowRegularCondensed/Barlow-RegularCondensed.eot'); /* IE9 Compat Modes */
    src: url('../fonts/BarlowRegularCondensed/Barlow-RegularCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/BarlowRegularCondensed/Barlow-RegularCondensed.woff') format('woff'), /* Modern Browsers */
         url('../fonts/BarlowRegularCondensed/Barlow-RegularCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/BarlowRegularCondensed/Barlow-RegularCondensed.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
@font-face {
    font-family: 'ZonaProBold';
    src: url('../fonts/ZonaProBold/ZonaPro-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/ZonaProBold/ZonaPro-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/ZonaProBold/ZonaPro-Bold.woff') format('woff'), /* Modern Browsers */
         url('../fonts/ZonaProBold/ZonaPro-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/ZonaProBold/ZonaPro-Bold.svg#SourceHanSansCN-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
.wow{ transition-delay:0.3s;}
nav.navbar.bootsnav{ border:none; width:100%; background:#FFFFFF; box-shadow:0 5px 8px rgba(0,0,0,0.1);}
.logo{ height:90px; padding:0 15px;}
.logo span{ display:block; width:100%;}
.logo img{ height:55px;}
.navRig{ line-height:70px; margin:0; font-size:0; vertical-align:middle;}
.navRig > ul{ margin:0; vertical-align:middle;}
.navRig > ul > li{ position:relative;}
.navTel{ font-size:12px; color:#000000; line-height:160%; text-align:right;}
.navTel p i{ display:inline-block; vertical-align:text-bottom; width:20px; height:18px; margin-right:6px; background:url(../images/telIco1.png) center center no-repeat;}
.navTel strong{ font-size:26px; display:block; line-height:100%; font-family:Arial;}
nav.navbar.bootsnav ul.nav > li{ padding:0 15px;}
nav.navbar.bootsnav ul.nav > li > a{ padding:0 10px; line-height:90px; font-size:20px; color:#333333; font-weight:normal;}
nav.navbar.bootsnav ul.nav > li.active > a,nav.navbar.bootsnav ul.nav > li.on > a{ color:#ff0000;}
nav.navbar.bootsnav.white,nav.navbar.bootsnav.no-background{ box-shadow:none; transition:all .5s;}
nav.navbar.bootsnav.white .logo span{ background:url(../images/logo2.png) center center no-repeat; background-size:auto 100%;}
nav.navbar.bootsnav.white .logo img{ opacity:0;}
nav.navbar.bootsnav.white .navTel{ color:#FFFFFF;}
nav.navbar.bootsnav.white .navTel p i{ background-image:url(../images/telIco2.png);}
#home{ height:100vh;}
#home > .section{ height:100vh; overflow:hidden;}
.banner{ position:relative; height:100vh;}
.banImg{ height:100%; transform:scale(1.05); transition:all .5s;}
.banner .swiper-slide-active .banImg{ transform:scale(1); transition:all 5s;}
.banBot{ position:absolute; left:0; bottom:.3rem; z-index:1; width:100%;}
.banBot .container{ position:relative;}
.banBtn{ float:left; width:155px; padding-right:50px; overflow:hidden;}
.banStatus{ position:absolute; left:155px; right:120px; top:50%; transform:translateY(-50%);}
.banShare{ float:right; width:110px;}
.banPrev,.banNext{ width:30px; height:30px; background-repeat:no-repeat; background-size:30px auto; cursor:pointer;}
.banPrev{ float:left; background-image:url(../images/banPrev.png); background-position:left center;}
.banNext{ float:right; background-image:url(../images/banNext.png); background-position:right center;}
.banPage{ color:#FFFFFF; font-family:Arial; position:absolute; opacity: 0; visibility: hidden; display: none;}
.banProgressBar{ position:relative; width:100%; height:1px; background:rgba(255,255,255,0.35);}
.banProgressBar i{ position:absolute; left:0; top:0; display:block; width:0; height:100%; background:#FFFFFF;}
.banProgressBar i.active{ animation:widthAni 5s linear; animation-fill-mode: forwards;}
.banProgressBar i.first{ animation-duration:4s;}
.banShare{ font-size:0; margin:0; line-height:30px;}
.banShare li{ padding:0; margin-left:15px; vertical-align:middle; position:relative;}
.banShare li a{ display:block; font-size:18px; color:#FFFFFF;}
.banWx{ position:absolute; right:0; bottom:100%; width:100px; opacity:0; visibility:hidden; margin-bottom:10px; transition:all .5s;}
.banWx img{ max-width:100%; height:auto;}
.banText{ position:absolute; left:0; top:0; right:0; bottom:0;}
.ban1Bor{ width:100%; height:100%;}
.ban1Text{ position:absolute; left:0; top:0; width:100%; height:100%;}
.boxPd{ padding-top:90px;}
/*boxBg2*/
.boxBg2{ color:#FFFFFF; background:url(../images/boxBg2.jpg) center center no-repeat; background-size:cover;}
.box2Top{ margin-bottom:40px; position:relative; z-index:2;}
.box2Tab{ font-size:0; text-align:center; margin:0;}
.box2Tab li{ position:relative; width:50%; font-size:14px; color:#666666; line-height:30px; background:#FFFFFF; padding:20px 15px; box-shadow:0 -5px 5px rgba(0,0,0,0.1); cursor:pointer;}
.box2Tab li:nth-child(1){ border-radius:0.1rem 0 0 0;}
.box2Tab li:nth-child(2){ border-radius:0 0.1rem 0 0;}
.box2Tab li:after{ display:block; content:""; width:100%; height:12px; background:#FFFFFF; position:absolute; left:0; bottom:100%; border-radius:.1rem .1rem 0 0;}
.box2Tab li span{ font-size:22px; color:#333333; margin-right:.15rem; font-family: 'SourceHanSansCNMedium';}
.box2Tab li i{ font-style:normal;}
.box2Tab li.active{ background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); color:#FFFFFF; box-shadow:0 -15px 15px rgba(0,0,0,0.1);}
.box2Tab li.active:after{ display:none;}
.box2Tab li.active span{ color:#FFFFFF;}
.box2SearchBg{ padding:44px 15px; background:#FFFFFF; box-shadow:0 0 20px rgba(0,0,0,0.1); border-radius:0 0 .1rem .1rem;}
.box2Search{ max-width:1070px; margin:0 auto; position:relative; padding-right:166px; border-radius:4px; overflow:hidden;}
.box2Input{ display:block; font-size:18px; color:#333; width:100%; height:62px; line-height:32px; padding:15px; border:3px solid #f54500;}
.box2Submit{ display:block; font-size:18px; color:#FFFFFF; text-align:center; width:166px; height:62px; line-height:62px; position:absolute; right:0; top:0; background:#f54500;}
.box2Submit:hover,.box2Submit:focus{ color:#FFFFFF;}
.box2Bot{ border-radius:.1rem; background:#7e1f98; padding:40px 55px; background-image: linear-gradient(to right,#7a0186,#4f32ba);}
.box2Tit{ position:relative; z-index:1;}
.box2Tit:after{ display:block; content:""; width:316px; height:316px; background:url(../images/box2Light.png) center top no-repeat; background-size:contain; position:absolute; left:50%; transform:translate(-50%,-30%); top:0; z-index:-1; animation:opacity 1s linear infinite;}
.box2TitEn{ font-size:46px; font-weight:bold; line-height:100%; text-transform:uppercase; opacity:.1; font-family:Arial;}
.box2TitCn{ font-size:38px; line-height:140%; font-family: 'SourceHanSansCNBold'; margin-top:-30px;}
.box2TitDes{ -webkit-line-clamp:1;}
.box2List{ position:relative; padding:0 80px; margin-top:.2rem;}
.box2Con{ border-radius:.08rem; background:#6755df; padding:.2rem; position:relative; z-index:1; overflow:hidden;}
.box2Con:before{ display:block; content:""; position:absolute; right:30px; bottom:-15px; width:466px; height:466px; border-radius:50%; background:#665fe3; z-index:-1; animation:box2Cir 3s linear infinite;}
.box2Ico{ height:50px;}
.box2Ico img{ display:block; width:auto; height:100%; margin:0 auto;}
.box2Name{ font-size:26px; line-height:160%; text-align:center; margin:.15rem 0; font-family: 'SourceHanSansCNBold';}
.box2Name a{ color:#FFFFFF;}
.box2Item{ list-style:none; margin:.1rem -10px; font-size:0; text-align:center;}
.box2Item li{ display:inline-block; vertical-align:top; width:50%; padding:0 10px; margin:5px 0; font-size:16px; line-height:20px;}
.box2Item li span{ display:inline-block; vertical-align:middle; position:relative;}
.box2Item li span a{ color:#FFFFFF;}
.box2Item li.hot span:after{ display:block; content:""; width:17px; height:21px; position:absolute; left:100%; top:0; margin-left:3px; margin-top:-3px; background:url(../images/box2Hot.png) center center no-repeat; background-size:contain; animation:swing 1s linear infinite;}
.box2Li2 .box2Con{ background:#ff6d60;}
.box2Li2 .box2Con:before{ background:#ff7d5e; animation-delay:.5s; animation-duration:2.3s;}
.box2Li3 .box2Con{ background:#2fabff;}
.box2Li3 .box2Con:before{ background:#24b3ff; animation-delay:1s; animation-duration:3.3s;}
.box2Li4 .box2Con{ background:#ff904e;}
.box2Li4 .box2Con:before{ background:#ffa353; animation-delay:1.5s; animation-duration:2.6s;}
.box2Btn{ position:absolute; top:50%; transform:translateY(-50%); display:block; width:46px; height:30px; background-repeat:no-repeat; background-size:cover; cursor:pointer;}
.box2Btn.swiper-button-disabled{ opacity:.5; cursor:no-drop;}
.box2Prev{ left:0; background-image:url(../images/box2Prev.png); background-position:left center;}
.box2Next{ right:0; background-image:url(../images/box2Next.png); background-position:right center;}
/*boxBg3*/
.boxBg3{ background:url(../images/boxBg3.jpg) center center no-repeat; background-size:cover;}
/*box3Lef*/
.box3Lef{ float:left; width:21.25%; background:#a300dd; padding:40px 30px; background-image: linear-gradient(to right,#a300dd,#f100e3); border-radius:.1rem .4rem 0 0; color:#FFFFFF;}
.box3Ico{ height:40px; margin-bottom:10px;}
.box3Ico img{ display:block; width:auto; height:100%;}
.box3TitCn{ font-size:30px; line-height:120%;}
.box3TitEn{ line-height:20px; text-transform:uppercase; opacity:.5; margin:5px 0; font-family:Georgia;}
.box3Line{ display:block; width:14px; height:1px; background:#FFFFFF; opacity:.5; margin:5px 0;}
.box3Des{ line-height:20px; margin:.2rem 0; -webkit-line-clamp:2; min-height:40px;}
.box3Img{ margin:.6rem 0;}
.box3Img img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.box3More{ color:#FFFFFF; line-height:24px;}
.box3More span{ font-size:24px;}
.box3More:hover,.box3More:focus{ color:#FFFFFF;}
/*box3Cen*/
.box3Cen{ float:left; width:58.4%; font-size:0; margin:0; padding:40px 4px 0;}
.box3Cen li{ width:33.33%; font-size:14px; padding:4px; vertical-align:top;}
.box3Con{ display:block; background:#FFFFFF; padding:20px 14px; border-radius:.1rem;}
.box3Tag{ color:#FFFFFF; line-height:22px; background:#6755df; display:inline-block; vertical-align:middle; padding:0 10px; border-radius:10px; min-width:70px; text-align:center; margin-bottom:.15rem;}
.box3Name{ font-size:18px; color:#000000; margin:.15rem 0; text-align:center; font-family: 'SourceHanSansCNMedium'; transition:all .3s;}
.box3Name a{ color:#000000; transition:all .3s;}
.box3Con:hover .box3Name{ color:#6755df;}
.box3Brief{ color:#999999; line-height:20px; text-align:center; margin:.1rem 0; -webkit-line-clamp:1;}
.box3Price{ color:#ff0000; font-family:Arial; text-align:center;}
.box3Price span{ font-size:20px;}
/*box3Rig*/
.box3Rig{ float:right; width:20.35%; background:#FFFFFF; border-radius:.1rem; margin-top:40px; position:relative;}
.box3RigTop{ margin-top:-80px; padding:0 30px 30px;}
.box3People{ width:148px; height:148px; background:rgba(255,255,255,0.5); padding:13px; border-radius:50%; margin:0 auto .3rem;}
.box3People .imgBg{ width:100%; height:100%; border-radius:50%;}
.box3PeoTit{ font-size:18px; color:#000000; line-height:120%; text-align:center; margin:.1rem 0;}
.box3PeoBrief{ display:flex; justify-content:space-between; margin:5px -5px; color:#000000; line-height:20px;}
.box3PeoBrief p{ width:50%; padding:0 5px;}
.box3PeoBrief p:nth-child(2n){ text-align:right;}
.box3PeoBrief p span{ font-size:18px; color:#ff0000; font-family:Arial;}
.box3Star{ margin:.1rem 0; text-align:center;}
.box3Star span{ display:inline-block; vertical-align:middle; width:13px; height:13px; background:url(../images/box3Star.png) center center no-repeat;}
.box3PeoDes{ font-size:14px; color:#999999; line-height:24px; height:96px; -webkit-line-clamp:4; margin:.3rem 0; text-indent:2em;}
.box3Page{ display:block; width:100%; text-align:center; margin-top:2px;}
.box3Page .swiper-pagination-bullet{ width:10px; height:10px; margin:0 6px; background:#d7d7d7; opacity:1;}
.box3Page .swiper-pagination-bullet-active{ background:#a300dd;}
.box3Btn{ position:absolute; left:100%; top:14px;}
.box3Btn span{ display:block; width:39px; height:42px; background-color:#ffb940; background-position:center center; background-repeat:no-repeat; border-radius:0 5px 5px 0; margin-bottom:1px; cursor:pointer; transition:all .4s;}
.box3Prev{ background-image:url(../images/box3Prev.png);}
.box3Next{ background-image:url(../images/box3Next.png);}
.box3Btn span.swiper-button-disabled{ opacity:.5; cursor:no-drop;}
.box3Btn span.swiper-button-disabled:hover{ background-color:#ffb940;}
.box3ConUs{ background:#f7f7f7; color:#000000; padding:40px 20px; border-radius:0 0 .1rem .1rem;}
/*.box3ConItem{ display:none;}*/
.box3Wx{ float:left; max-width:100px; margin-right:20px;}
.box3Wx img{ max-width:100%; height:auto;}
.box3Us{ overflow:hidden;}
.box3UsBtn{ display:block; width:120px; height:35px; line-height:35px; font-size:18px; color:#FFFFFF; border-radius:20px; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); text-align:center; margin-bottom:20px;}
.box3UsBtn:hover,.box3UsBtn:focus{ color:#FFFFFF;}
.box3UsTit{ font-size:16px;}
.box3UsTit i{ display:inline-block; vertical-align:top; width:20px;  height:18px; background:url(../images/telIco1.png) center center no-repeat; margin-right:5px;}
.box3UsTel{ font-size:20px; font-family:Arial;}
/*boxBg4/boxBg5/boxBg6*/
.boxBg4{ background:url(../images/boxBg4.jpg) center center no-repeat; background-size:cover;}
.boxBg5{ background:url(../images/boxBg5.jpg) center center no-repeat; background-size:cover;}
.boxBg6{ background:url(../images/boxBg6.jpg) right bottom no-repeat; background-size:cover;}
.boxBg4 .box3Tag{ background:#ff6d60;}
.boxBg4 .box3Con:hover .box3Name{ color:#ff6d60;}
.boxBg5 .box3Tag{ background:#2fabff;}
.boxBg5 .box3Con:hover .box3Name{ color:#2fabff;}
.boxBg6 .box3Tag{ background:#ff904e;}
.boxBg6 .box3Con:hover .box3Name{ color:#ff904e;}
/*boxBg7*/
.boxBg7{ background:url(../images/boxBg7.jpg) center center no-repeat; background-size:cover;}
.box7Tit{ color:#FFFFFF;}
.box7Tit .box2TitCn{ margin:0; font-family: 'SourceHanSansCNRegular';}
.box7Tit .box2TitDes{ font-size:18px;}
.box7Box{ display:flex; flex-wrap:wrap; margin:0 -12px; padding-top:.2rem;}
.box7Item{ width:33.33%; padding:0 12px; margin-top:.2rem;}
.box7Con{ background:#FFFFFF; height:100%; padding:20px 30px 35px; border-radius:.2rem;}
.box7Name{ line-height:40px; overflow:hidden; border-bottom:1px solid #f2f2f2;}
.box7Name h4{ float:left; font-size:16px; color:#333333; line-height:40px; font-family: 'SourceHanSansCNMedium';}
.box7Name a{ float:right; color:#a300dd;}
.box7Name a i{ display:inline-block; vertical-align:baseline; width:16px; height:10px; margin-left:8px; background:url(../images/box7Arrow.png) right center no-repeat; background-size:contain;}
.faqSearch{ margin:30px 0 13px; border-radius:24px; overflow:hidden; position:relative; padding-right:113px; background:#f5f6fa;}
.faqInput{ display:block; width:100%; height:48px; line-height:28px; padding:10px 15px; background:#f5f6fa; border:none; font-size:16px; font-family: 'SourceHanSansCNRegular';}
.faqBtn{ position:absolute; right:0; top:0; display:block; width:113px; height:48px; line-height:48px; border-radius:24px; text-align:center; font-size:16px; color:#FFFFFF; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); }
.faqBtn:hover,.faqBtn:focus{ color:#FFFFFF;}
.box7Faq{ background:#f5f6fa; padding:10px 25px 30px;}
.box7FaqTit{ font-size:16px; color:#333333; line-height:120%; margin:.2rem 0;}
.box7FaqList li{ margin:5px 0;}
.box7FaqList li a{ font-size:15px; color:#999999; line-height:22px; transition:all .3s;}
.box7Publicity li{ border-bottom:1px dashed #e3e3e3; padding:20px 0 12px;}
.box7Publicity li a{ display:block; color:#666666; line-height:24px;}
.box7Publicity h4{ font-size:15px; color:#333333; line-height:24px; margin:5px 0; font-family: 'SourceHanSansCNMedium'; /*font-weight:bold;*/ transition:all .3s;}
.box7Video{ padding-top:15px;}
.box7Video li{ margin-top:15px;}
.box7Video li a{ display:block; color:#aaaaaa; position:relative; overflow:hidden; padding-left:55.5%;}
.box7Img{ position:absolute; left:0; top:0; width:54.47%; height:100%; overflow:hidden;}
.box7Img .imgBg{ width:100%; height:100%; transition:all .3s;}
.box7Play{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); display:block; width:38px; height:38px; background:url(../images/box7Play.png) center center no-repeat; background-size:contain;}
.box7Rig{ background:#f5f6fa; padding:15px 20px;}
.box7VideoTit{ font-size:14px; color:#000000; line-height:24px; height:72px; margin:5px 0; transition:all .3s;}
/*boxBg8*/
.boxBg8{ background:url(../images/boxBg8.jpg) center center no-repeat; background-size:cover;}
.boxBg8 .box2TitCn{ color:#333333; font-family: 'SourceHanSansCNRegular'; margin:0;}
.boxBg8 .box2TitDes{ font-size:18px; color:#999999;}
.box8Tit{ margin:.3rem 0;}
.box8Partner{ margin:0 -10px .3rem; font-size:0; text-align:center;}
.box8Partner li{ padding:10px; width:16.66%; vertical-align:middle;}
.box8Partner li a{ display:block; height:125px; overflow:hidden;}
.box8Partner li span{ display:flex; flex-direction:column; justify-content:center; align-items:center; background:#FFFFFF; height:100%; transition:all .3s;}
.box8Partner img{ display:block; max-width:90%; max-height:90%; margin:0 auto;}
.box8Honor{ /*max-width:1200px;*/ margin:.3rem auto;}
.box8Honor li{ /*width:20%;*/ padding:10px 19px;}
.box8Honor li a{ height:160px;}
.box8Des{ text-align:center; font-size:14px; color:#333333; line-height:24px; margin:.2rem 0; text-align:left; text-indent:2em;}
.box8Des p{ margin:5px 0;}
.box8More{ display:block; width:140px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#FFFFFF; border-radius:15px; margin:.2rem auto; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3);}
.box8More:hover,.box8More:focus{ color:#FFFFFF;}
/*footBg*/
.footBg{ background:url(../images/footBg.jpg) center center no-repeat; background-size:cover; color:#FFFFFF; line-height:160%; padding:0.4rem 0;}
.ftTop{ padding-bottom:.2rem;}
.ftLef{ float:left; width:65%; font-style:normal; list-style:none; position:relative; overflow:hidden;}
.ftLef li{ float:left; width:20%; margin-bottom:15px; max-width:176px; padding-right:10px;}
.ftLef a{ color:#FFFFFF;}
.ftTit{ font-size:16px; line-height:200%; margin:5px 0;}
.ftCon{ overflow:hidden;}
.ftCon p{ margin:.1rem 0;}
.ftCon a{ opacity:.4; line-height:20px; transition:all 0.3s linear;}
.ftRig{ float:right; width:33%; max-width:412px;}
.ftWechat{ float:left; max-width:145px;}
.ftWechat img{ margin-bottom:5px;}
.ftWechat p{ opacity:0.4; margin:10px 0; text-align:center;}
.ftRigCon{ overflow:hidden; text-align:right; line-height:28px;}
.ftTel{ font-size:30px; line-height:120%;}
.ftRigTime{ display:inline-block; vertical-align:middle; margin:.1rem 0; max-width:205px; text-align:center; opacity:.4; font-size:16px; line-height:24px;}
.kefu{ float:right; display:block; width:205px; line-height:42px; background:#ff1f2e; border-radius:21px; color:#FFFFFF; font-size:16px; text-align:center;}
.kefu i{ display:inline-block; vertical-align:middle; width:23px; height:23px; background:url(../images/kefuIco.png) center center no-repeat; background-size:cover; margin-right:5px;}
.kefu:hover,.kefu:focus{ color:#FFFFFF;}
.ftCen{ border:1px solid rgba(255,255,255,0.2); border-left:none; border-right:none; padding:.15rem 0; line-height:24px;}
.ftCenTit{ float:left;}
.ftCenList{ overflow:hidden; margin:0; margin-right:-.3rem;}
.ftCenList li{ padding:0; padding-right:.3rem;}
.ftCenList li a{ color:#FFFFFF;}
.ftBot{ padding:.15rem 0; opacity:.5;}
.ftBot p{ margin:0 -10px;}
.ftBot p span{ display:inline-block; vertical-align:middle; padding:0 10px;}
.ftBot a{ color:#FFFFFF; text-transform:uppercase;}
/*onLine*/
.onLine{ position:fixed; top:50%; transform:translateY(-50%); right:25px; z-index:2;}
.onLine li{ margin:2px 0; position:relative;}
.onIco{ display:block; width:54px; height:54px; border-radius:5px; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3);}
.onCon{ position:absolute; right:100%; top:0; font-size:16px; color:#FFFFFF; padding:5px; white-space:nowrap; border-radius:5px; background:#a300dd; background-image: linear-gradient(to right,#f100e3,#a300dd); opacity:0; visibility:hidden; margin-right:10px; transition:all .3s;}
.onTel{ padding:5px 20px; text-align:right; line-height:22px;}
.onTel strong{ font-weight:normal;}
.onTel p{ font-size:20px; font-family: 'SourceHanSansCNMedium';}
.onWx{ width:120px;}
.onWx img{ display:block; width:100%; height:auto;}
/*winBot*/
.winBot{ position:fixed; left:0; bottom:0; width:100%; height:110px; background:rgba(0,0,0,0.7); z-index:2; display:none;}
.winBot .container{ height:100%; position:relative;}
.winText{ float:left; width:41.25%; height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.winText img{ display:block; margin:0 auto; max-width:100%; max-height:85%;}
.winZx{ float:left; display:block; width:87px; height:48px; margin:26px 0 0 56px; background:url(../images/winZx.png) center center no-repeat; animation:swing 1s linear infinite;}
.winForm{ float:right; width:32.25%; height:100%; padding:0 1.5%; background:#262626; display:flex; align-items:center; margin-right:60px;}
.winFormList{ margin:0 -5px;}
.winFormList li{ padding:5px;}
.winFormCon{ position:relative;}
.winFormIco{ display:block; position:absolute; left:10px; top:50%; transform:translateY(-55%);}
.winInput{ display:block; width:100%; height:34px; line-height:24px; padding:5px 10px; padding-left:30px; border:none;}
.winBtn{ display:block; color:#FFFFFF; line-height:34px; text-align:center;}
.winBtn:hover,.winBtn:focus{ color:#FFFFFF;}
.winBtn1{ background-color:#ff1f2e;}
.winBtn2{ background-color:#fa9000;}
.winClose{ position:absolute; right:15px; top:20px; display:block; width:30px; height:30px; background:url(../images/winClose.png) center center no-repeat; cursor:pointer; opacity:.5; transition:all .3s;}
/*neiye*/
.banInner{ height:640px; position:relative; overflow:hidden;}
.banInner .imgBg{ height:100%;}
.mainBg{ background:#FFFFFF; min-height:20vh;}
.grayBg{ background:#f6f6f6;}
.breadcrumb{ padding:0; margin:0; background:none; font-size:18px; color:#666666; padding-left:30px; background:url(../images/breadNavIco.png) left 0 no-repeat; line-height:24px; margin:.23rem 0;}
.breadcrumb > li + li:before{ content:""; padding:0;}
.breadcrumb > li + li + li:before{ color:#666666; content:"> "; padding:0 5px;}
.breadcrumb a{ color:#666666;}
.breadcrumb li.active{ color:#999999;}
.left{ float:left; width:29.16%;}
.right{ float:right; width:68%; background:#FFFFFF; min-height:50vh; padding:25px 35px 40px; margin-bottom:.4rem;}
.leftBox{ background:#FFFFFF; padding:20px 0 30px; margin-bottom:.4rem;}
.leftTit{ padding:0 35px; position:relative; position:relative;}
.leftTit h3{ font-size:30px; line-height:34px; padding:15px 0; color:#333333; border-bottom:1px solid #ebebeb;}
.leftTit h3 span{ font-size:24px; color:#44bdc8; margin-left:5px;}
.leftTitLine{ display:block; width:3px; height:30px; background:#44bdc8; position:absolute; left:0; top:50%; transform:translateY(-50%);}
.leftList{ padding:10px 0;}
.leftList li a{ display:block; padding:0 35px; position:relative;}
.leftList li a span{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:18px; color:#333333; line-height:50px; border-bottom:1px dashed rgba(0,0,0,0.1); padding-left:12px; padding-right:20px; background:url(../images/leftListIco1.png) right center no-repeat; position:relative; z-index:1;}
.leftList li a span i{ display:block; width:6px; height:6px; background:#999999; border-radius:50%; position:absolute; left:0; top:50%; margin-top:-3px;}
.leftList li a:after{ display:block; content:""; position:absolute; left:0; top:0; width:0; height:100%; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); transition:all .5s;}
.leftList li.active a:after{ width:100%;}
.leftList li.active span{ color:#FFFFFF; background-image:url(../images/leftListIco2.png);}
.leftList li.active i{ background:#FFFFFF;}
/*热门服务*/
.hotSer{ padding:0 35px;}
.hotSer li{ padding:24px 0; border-bottom:1px dashed rgba(0,0,0,0.1);}
.hotSer li:last-child{ border:none;}
.hotSer li a{ display:block;}
.hotSerIco{ float:left; width:64px; height:64px; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); padding:2px; border-radius:10px; overflow:hidden; margin-right:20px;}
.hotSerIco span{ display:flex; width:100%; height:100%; background:#FFFFFF; align-items:center; justify-content:center; border-radius:8px;}
.hotSerIco img{ max-width:60%; max-height:80%;}
.hotSerRig{ font-size:18px; color:#ff0103; overflow:hidden;}
.hotSerRig h4{ font-size:22px; color:#333333; line-height:30px;}
.hotSerRig p span{ font-size:24px;}
.rigTit{ font-size:36px; color:#333333; line-height:140%; text-align:center; padding:.2rem 0;}
/*contact*/
.contact{ border-top:1px solid #ebebeb;}
.conTop{ margin:.3rem 0;}
.conWx{ float:right; font-size:0; text-align:center; width:380px;}
.conWx li{ width:50%; font-size:18px; line-height:200%;}
.conWx img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.conText{ overflow:hidden; font-size:18px; line-height:24px;}
.conText p{ margin:.1rem 0; padding-left:30px; background-position:left 0; background-repeat:no-repeat;}
p.conTel{ background-image:url(../images/conIco1.png);}
p.conTel span{ font-size:24px; color:#ff0000; font-family: 'SourceHanSansCNMedium'; font-weight:bold;}
p.conTel2{ background-image:url(../images/conIco2.png);}
p.conEmail{ background-image:url(../images/conIco3.png);}
p.conFax{ background-image:url(../images/conIco4.png);}
p.conAdd{ background-image:url(../images/conIco5.png);}
p.conCode{ background-image:url(../images/conIco6.png);}
.conBot{ margin:.3rem 0;}
#dituContent{ height:590px;}
.BMapLabel{ max-width:none; font-size:16px !important; color:#333333; font-family:"SourceHanSansCNRegular" !important; padding:10px 20px !important; display:block; border:none !important; box-shadow:0 0 4px rgba(0,0,0,0.5);}
/*joinList*/
.joinList{ overflow:hidden; margin-bottom:.2rem;}
.joinList li{ font-size:18px;}
.joinList li:nth-child(2n+1) .joinTit{ background:#f6f6f6;}
.joinTop,.joinTit{ overflow:hidden; line-height:56px;}
.joinTop span,.joinTit span{ float:left;}
.joinTop{ background:#d6eef7; font-size:18px; color:#333333;}
.joinTit{ color:#666666; cursor:pointer;}
.joinSp1{ width:35%; padding:0 3%;}
.joinSp2{ width:15%; text-align:center;}
.joinSp3{ width:20%; text-align:center;}
.joinSp4{ width:15%; text-align:center;}
.joinSp5{ width:15%; text-align:center;}
.joinTit .joinSp5 i{ display:inline-block; vertical-align:middle; width:18px; height:11px; background:url(../images/joinIco1.png) center center no-repeat;}
.joinCon{ padding:.2rem 3%; border:1px dashed rgba(0,0,0,0.1); color:#7a7a7a; line-height:24px; display:none;}
.joinCon p{ margin:5px 0;}
.joinCon h6{ font-size:24px; color:#333333; line-height:36px;}
.joinList li.active .joinSp1{ color:#a300dc;}
.joinList li.active .joinSp5 i{ background-image:url(../images/joinIco2.png);}
.main2{ padding:.6rem 0 .2rem;}
.main2 .left{ float:right;}
.main2 .right{ float:left; background:none; padding:0;}
/*最新交易*/
.newDeal{ padding:0 35px; height:250px;}
.newDeal li,.newDeal .swiper-slide{ font-size:18px; line-height:50px; border-bottom:1px dashed rgba(0,0,0,0.1);}
.newDeal li:last-child{ border:none;}
.newDeal li i,.newDeal .swiper-slide i{ display:inline-block; vertical-align:text-top; font-style:normal; width:18px; height:18px; line-height:18px; border-radius:50%; background:#44bdc8; color:#FFFFFF; text-align:center; font-size:14px; font-family:Arial;}
.newDeal li span,.newDeal .swiper-slide span{ color:#7a7a7a; padding:0 10px;}
.newDeal li a,.newDeal .swiper-slide a{ color:#333333;}
/*经典案例*/
.case{ padding:0 35px;}
.case li{ padding:25px 0; border-bottom:1px dashed rgba(0,0,0,0.1);}
.case li:last-child{ border:none;}
.case li a{ display:flex; align-items:center;}
.caseImg{ width:28.57%; margin-right:4%;}
.caseImg img{ width:100%; height:auto;}
.caseRig{ width:67.43%; font-size:18px; color:#333333; line-height:28px; -webkit-line-clamp:2;}
/*右侧合伙人*/
.leftPartner{ margin-top:100px;}
.leftPartner .leftBox{ padding:1px 35px 35px;}
.leftPartner .box3RigTop{ margin-top:-100px; padding:0;}
.leftPartner .box3People{ width:200px; height:200px; padding:10px; margin:0 auto .2rem;}
.leftPartner .box3PeoTit{ font-size:30px; color:#333333;}
.leftPartner .box3PeoBrief{ font-size:18px; color:#000000; margin:.2rem 0; justify-content:center; flex-wrap:wrap; align-items:center;}
.leftPartner .box3PeoBrief p{ width:auto;}
.leftPartner .box3PeoBrief p span{ font-size:24px;}
.leftPartner .box3Star span{ width:19px; height:18px; background-image:url(../images/box3Star2.png);}
.leftPartner .box3PeoDes{ font-size:18px; color:#7b7b7b; line-height:30px; height:90px; -webkit-line-clamp:3; margin:.3rem 0 .2rem; text-align:left;}
.leftPartner .box3Page{ margin-bottom:.2rem;}
.leftPartner .box3ConUs{ padding:30px 20px 30px 30px;}
.parRole{ text-align:center; font-size:18px; color:#7b7b7b; line-height:140%; margin:.1rem 0;}
.rigBox{ background:#FFFFFF; padding:40px 35px; margin-bottom:.4rem;}
.rigBox img{ /*display:block;*/ width:auto!important; max-width:100%!important; height:auto!important; margin:0 auto;}
.rigTit2{ font-size:40px;}
.rigTit2 span{ display:inline-block; vertical-align:middle;  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#a300dd,#f100e3);}
.rigDes{ font-size:18px; color:#7a7a7a; line-height:28px; margin:.1rem 0;}
.rigGray{ background:#f6f6f6; padding:20px 30px; margin:.2rem 0; font-size:18px;}
.rigGrayItem{ margin:5px 0; line-height:40px;}
.rigGrayTit{ float:left; color:#7a7a7a; padding-right:20px;}
.rigGrayRig{ overflow:hidden; color:#333333;}
.rigGrayPrice{ color:#ff0103;}
.rigGrayPrice big{ font-size:180%;}
.rigGrayRig p{ float:left; padding-right:25px;}
.rigGrayRig img{ max-width:22px; margin-right:5px; vertical-align:baseline;}
.PatentSelect{ margin:.4rem 0;}
.PatentSelect li{ margin:20px 0; padding-left:30px;}
.patentLabel{ float:left; font-size:18px; color:#7a7a7a; line-height:42px; width:96px;}
.patentRig{ overflow:hidden;}
.patentRadio{ display:inline-block; vertical-align:middle; margin-right:15px;}
.patentRadio span{ display:inline-block; border:1px solid #dddddd; padding:0 20px; line-height:40px; font-size:18px; color:#7a7a7a; position:relative; cursor:pointer; font-weight:normal;}
.patentRadio input{ display:none;}
.patentRadio input:checked + span{ border:1px solid #a300dc; color:#a300dc; box-shadow:1px 1px 0 #a300dc inset,-1px -1px 0 #a300dc inset;}
.patentRadio input:checked + span:after{ display:block; content:""; width:20px; height:21px; background:url(../images/patentRadio.png) right center no-repeat; position:absolute; right:0; bottom:0;}
.patentRig.single .patentRadio{ display:block; margin-bottom:20px;}
.patentRig.single .patentRadio:last-child{ margin-bottom:0;}
.patentTipCon{ display:block; font-size:18px; line-height:24px; color:#FFF;}
.patentTel{ width:360px; height:42px; border:1px solid #dddddd; line-height:20px; padding:10px 20px; font-size:18px; color:#7a7a7a;}
.patentTel::-webkit-input-placeholder{ color:#7a7a7a; opacity:1;}
.patentTel::-moz-placeholder{ color:#7a7a7a; opacity:1;}
.patentTel:-moz-placeholder{ color:#7a7a7a; opacity:1;}
.patentTel:-ms-input-placeholder{ color:#7a7a7a; opacity:1;}
.protect{ font-size:18px; color:#d60000; margin-left:20px;}
.protect img{ vertical-align:text-bottom; margin-right:5px;}
.nowDo{ display:block; width:230px; height:50px; line-height:50px; text-align:center; color:#FFFFFF; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); border-radius:25px; font-size:20px; margin-top:40px;}
.nowDo i{ display:inline-block; vertical-align:middle; width:24px; height:24px; background:url(../images/nowDo.png) center center no-repeat; background-size:contain; margin-right:5px; margin-top:-4px;}
.nowDo:hover,.nowDo:focus{ color:#FFFFFF;}
.rigTab{ font-size:0; border-bottom:1px solid #ebebeb; margin:0;}
.rigTab li{ margin-right:55px; padding:18px 0; vertical-align:top; cursor:pointer;}
.rigTab li:last-child{ margin-right:0;}
.rigTabIco{ float:left; width:50px; height:50px; border-radius:50%; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); display:flex; align-items:center; justify-content:center; margin-right:14px;}
.rigTabIco img{ max-width:60%; height:auto;}
.rigTabCon{ font-size:18px; color:#999999; overflow:hidden;}
.rigTabCon h4{ font-size:24px; color:#333333;}
.rigTab li.active{ border-bottom:4px solid #a700dd;}
.rigCon{ padding-top:.4rem;}
.rigItem{ display:none;}
.rigItem > img{ display:block; max-width:100%; height:auto; margin:0 auto;}
/*常见问题*/
.faqTit{ font-size:24px; color:#333333; line-height:32px; background:url(../images/faqQ.png) left 1px no-repeat; padding-left:40px;}
.faqText{ background:#f8fcfb; border:1px dashed #a5dfd2; font-size:18px; color:#7a7a7a; line-height:200%; margin:.15rem 0 .3rem; padding:25px;}
.faqText:last-child{ margin-bottom:0;}
.faqA{ float:left; width:30px; height:30px; background:url(../images/faqA.png) center center no-repeat; margin-right:20px;}
.faqCon{ overflow:hidden;}
.faqCon p span{ display:inline-block; vertical-align:middle; min-width:15%;}
/*业务介绍*/
.rigLi{ display:none;}
.rigLi .rigBox:last-child{ margin-bottom:0;}
.rigTit3{ text-align:center; overflow:hidden; margin:.1rem 0 .3rem; font-size:14px; color:#999999; line-height:160%; text-transform:uppercase; font-family:Arial;}
.rigTit3 h4{ display:inline-block; vertical-align:middle; font-size:30px; color:#333333; line-height:140%; position:relative;}
.rigTit3 h4:before,.rigTit3 h4:after{ display:block; content:""; width:34px; height:3px; background:#464646; position:absolute; top:50%; margin-top:-1px;}
.rigTit3 h4:before{ right:100%; margin-right:20px;}
.rigTit3 h4:after{ left:100%; margin-left:20px;}
.rigLiCon img{ display:block; width:auto!important; max-width:100%!important; height:auto!important; margin:0 auto;}
/*申请专利所需材料*/
.applyData{ list-style:none;}
.applyData li{ border-bottom:1px dashed rgba(0,0,0,0.1); line-height:50px; font-size:18px; color:#333333;}
.applyData li a{ float:right; color:#999999; margin-left:5px; background:url(../images/downIco1.png) left center no-repeat; padding-left:30px;}
/*专利费减的条件*/
.rigList1{ display:flex; flex-wrap:wrap; margin:0 -15px;}
.rigList1 li{ width:50%; padding:15px;}
.rigLiBox{ height:100%; border:2px solid #1d9fd3; border-radius:.1rem; min-height:204px; overflow:hidden;}
.rigLi1Num{ float:left; margin-top:30px; width:70px; line-height:148px; color:#FFFFFF; font-size:42px; text-align:center; padding-right:10px; position:relative; z-index:1; font-family: 'BarlowRegularCondensed'; font-weight:bold;}
.rigLi1Num:after{ display:block; content:""; width:148px; height:148px; border-radius:50%; background:#1d9fd3; position:absolute; right:0; top:0; z-index:-1;}
.rigLi1Rig{ overflow:hidden; padding:25px 20px; font-size:18px;}
.rigLi1Ico{ float:left; max-width:65px; margin-right:15px;}
.rigLi1Ico img{ max-width:100%; height:auto;}
.rigLi1Con{ color:#333333; line-height:30px; height:90px; margin-bottom:15px;}
.rigLi1Price{ display:block; text-align:center; color:#1d9fd3; background:#edf7fc; border-radius:20px; line-height:42px; margin-top:10px;}
.rigLi1Price big{ font-size:180%;}
.rigColor2 .rigLiBox{ border-color:#44bdc8;}
.rigColor2 .rigLi1Num:after{ background:#44bdc8;}
.rigColor2 .rigLi1Price{ color:#44bdc8; background:#f0fafb;}
.rigColor3 .rigLiBox{ border-color:#37b89c;}
.rigColor3 .rigLi1Num:after{ background:#37b89c;}
.rigColor3 .rigLi1Price{ color:#37b89c; background:#eff9f7;}
.rigColor4 .rigLiBox{ border-color:#9c6db1;}
.rigColor4 .rigLi1Num:after{ background:#9c6db1;}
.rigColor4 .rigLi1Price{ color:#9c6db1; background:#f7f4f9;}
.freeApply{ display:block; width:100%; background:#fa9000; font-size:20px; color:#FFFFFF; line-height:54px; text-align:center; margin-top:15px; transition:all .5s;}
.freeApply i{ display:inline-block; vertical-align:text-bottom; width:24px; height:24px; background:url(../images/nowDo.png) center center no-repeat; background-size:cover; margin-right:5px;}
.freeApply:hover,.freeApply:focus{ color:#FFFFFF;}
/*质量保障*/
.rigList2 .rigLiBox{ min-height:0; position:relative;}
.rigList2 .rigLi1Num{ margin:0; position:absolute; left:0; top:0; height:auto; line-height:24px; top:50%; transform:translateY(-50%);}
.rigList2 .rigLi1Num:after{ width:155px; height:256px; top:50%; transform:translateY(-50%);}
.rigList2 .rigLi1Rig{ margin-left:70px; padding:30px 20px;}
.rigList2 .rigLi1Con{ font-size:22px; height:60px; margin:0; -webkit-line-clamp:2;}
/*投诉保障*/
.rigList3{ font-size:0; margin:0 -.1rem; text-align:center;}
.rigList3 li{ width:25%; vertical-align:top; padding:.1rem; font-size:22px; color:#333333; line-height:30px;}
.rigList3 li img{ display:block; max-width:60%; height:auto; margin:0 auto .2rem;}
.onAskBg{ position:fixed; left:0; top:0; right:0; bottom:0; background:#000000; opacity:0.75; z-index:9; display:none;}
.onAsk{ position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); width:475px; background:#FFFFFF; border-radius:.08rem; z-index:10; padding:30px 40px; opacity:0; visibility:hidden; margin-top:20px; transition:all 0.5s linear;}
.onAsk2{ max-width:360px;}
.onAsk.active{ opacity:1; visibility:visible; margin-top:0;}
.onClose{ position:absolute; right:.25rem; top:.3rem; width:20px; height:20px; background:url(../images/onClose.png) center center no-repeat; background-size:contain; cursor:pointer;}
.onAskTip{ font-size:18px; color:#333333; line-height:150%;}
.onAskTip img{ display:block; max-width:100% !important; height:auto; margin:.3rem auto .2rem;}
.onAskTel{ font-size:30px; color:#ff0103; line-height:140%; margin:.1rem 0;}
.onAskCon{ margin:10px auto; position:relative; padding-right:135px;}
.onAskBtn{ position:absolute; top:0; right:0; display:block; font-size:20px; color:#FFFFFF; width:135px; height:50px; line-height:50px; background:#ff0103; text-align:center;border: none;}
.onAskBtn:hover,.onAskBtn:focus{ color:#FFFFFF;}
.onAskInput{ display:block; width:100%; height:50px; border:1px solid #dddddd; line-height:30px; padding:10px; background:none; font-size:18px; color:#333333;}
.onAskProtect{ color:#37b89c; font-size:16px; margin:.2rem 0;}
.onAskProtect img{ margin-right:5px; vertical-align:text-bottom;}
.onAskBtn2{ display:block; width:100%; height:50px; background:#fa9000; font-size:18px; color:#FFFFFF; text-align:center; line-height:50px; margin:.15rem auto; position:relative;}
.onAskBtn2:hover,.onAskBtn2:focus{ color:#FFFFFF;}
/*详情页*/
.main3{ padding:0;}
.detailTop{ padding:.2rem; text-align:center; border-bottom:1px solid #ebebeb; margin-bottom:.2rem;}
.detailTit{ font-size:36px; color:#333333; line-height:140%;}
.detailTime{ font-size:18px; color:#999999; line-height:24px; margin:5px -.1rem;}
.detailTime span{ display:inline-block; vertical-align:middle; padding:0 .1rem;}
.detailCen{ font-size:18px; color:#666666; line-height:170%;}
.detailCen p{ margin:.15rem 0;}
.detailCen img{ display:inline-block; vertical-align:middle; max-width:100% !important; height:auto; margin:0.1rem auto;}
.detailBot{ margin-top:.3rem; border-top:1px dashed #e6e6e6;}
.detailKey{ margin:.4rem 0; font-size:0;}
.detailKey span,.detailKey a{ display:inline-block; vertical-align:middle; font-size:18px; line-height:26px; padding:6px 15px; margin:2px 0;}
.detailKey span{ color:#333333; padding:6px 0;}
.detailKey a{ color:#7a7a7a; border:1px solid #ebebeb; margin-right:.2rem; transition:all .23s;}
.detailForm{ text-align:right; padding:.5rem .4rem; margin:.4rem 0; background:url(../images/detailFormBg.jpg) center center no-repeat; background-size:cover;}
.formCon{ display:inline-block; vertical-align:middle; max-width:511px; text-align:left;}
.formText{ margin-bottom:.1rem;}
.formText img{ display:block; max-width:100%; height:auto; margin:0 auto;}
.formCon .winInput{ height:50px; line-height:30px; padding:10px; font-size:18px;}
.formCon .winBtn{ line-height:50px; font-size:18px;}
.detailPage{ margin:.4rem 0 .2rem;}
.pagePrev,.pageNext{ width:48%; font-size:18px; color:#333333; line-height:30px;}
.pagePrev a,.pageNext a{ color:#7a7a7a;}
.pagePrev{ float:left; padding-left:32px; background:url(../images/pagePrev.png) left center no-repeat;}
.pageNext{ float:right; text-align:right; padding-right:32px; background:url(../images/pageNext.png) right center no-repeat;}
.readList{ font-size:0; margin:0 -.15rem; padding:0 35px;}
.readList li{ width:50%; padding:.15rem;}
.readList li a{ display:block;}
.readImg{ position:relative; overflow:hidden; height:0; padding-bottom:70%; margin:.1rem 0;}
.readImg .imgBg{ position:absolute; left:0; top:0; width:100%; height:100%;}
.readTit{ font-size:18px; color:#333333; line-height:28px;}
.errorBg{ background:url(../images/errorBg.jpg) center center no-repeat; height:100vh; padding:.3rem; display:flex; flex-direction:column; align-items:center; justify-content:center; color:#FFFFFF;}
.errorImg img{ max-width:100%; height:auto;}
.errorTip{ font-size:20px; margin:.3rem 0 .4rem; text-align:center;}
.errorTip h3{ font-size:42px; line-height:150%; font-family: 'SourceHanSansCNBold';}
.errorTip a{ text-decoration:underline; color:#FFF;}
.reloadBtn{ display:block; width:210px; height:60px; line-height:60px; text-align:center; color:#FFFFFF; font-size:24px; background:#a300dd; background-image: linear-gradient(to top,#a300dd,#f100e3); border-radius:30px; box-shadow:0 6px 10px rgba(5,45,84,0.22); font-family: 'SourceHanSansCNMedium';}
.reloadBtn:hover,.reloadBtn:focus{ color:#FFFFFF;}
.banAuto{ height:auto !important;}
.banAuto img{ display:block; width:100%; height:auto;}
.zlBox1Bg{ background:url(../images/zlBox1Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox2Bg{ background:url(../images/zlBox2Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox3Bg{ background:url(../images/zlBox3Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox4Bg{ background:url(../images/zlBox4Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox5Bg{ background:url(../images/zlBox5Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox6Bg{ background:url(../images/zlBox6Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox7Bg{ background:url(../images/zlBox7Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.zlBox8Bg{ background:url(../images/zlBox8Bg.jpg) center center no-repeat; background-size:cover; padding:.4rem 0;}
.flBox2Bg{ background:#f0f7fe;}
.flBox4Bg{ background:url(../images/flBox4Bg.jpg) center center no-repeat; background-size:cover;}
.qyBox2Bg{ background:url(../images/qyBox2Bg.jpg) center center no-repeat; background-size:cover;}
.qyBox4Bg{ background:url(../images/qyBox4Bg.jpg) center center no-repeat; background-size:cover;}
.qyBox5Bg{ background:url(../images/qyBox5Bg.jpg) center center no-repeat; background-size:cover;}
.serTit{ overflow:hidden; margin:.4rem 0;}
.serTitCn{ font-size:40px; color:#333333; font-family: 'SourceHanSansCNMedium'; margin:.1rem 0;}
.serTitCn span{ display:inline-block; vertical-align:middle; position:relative;}
.serTitCn span:before,.serTitCn span:after{ display:block; content:""; width:50px; height:16px; position:absolute; top:50%; transform:translateY(-50%);}
.serTitCn span:before{ right:100%; margin-right:20px; background:url(../images/serTitCnIco1.png) center center no-repeat; background-size:contain;}
.serTitCn span:after{ left:100%; margin-left:20px; background:url(../images/serTitCnIco2.png) center center no-repeat; background-size:contain;}
.serTitEn{ text-transform:uppercase; font-size:18px; color:#a700dd; margin:.1rem 0;}
.serTitEn span{ display:inline-block; vertical-align:middle; line-height:24px; padding:0 .15rem; border-top:1px solid #a700dd; border-bottom:1px solid #a700dd; font-family: 'ZonaProBold';}
.serTitDes{ font-size:18px; color:#7a7a7a; line-height:150%; margin:.1rem 0;}
/*---专利服务---*/
/*热门推荐*/
.zlBox1{ font-size:18px; line-height:150%; position:relative;}
.zlBox1 .swiper-container .swiper-slide{ cursor: pointer;}
.zlBox1Img{ position:relative; overflow:hidden; height:0; padding-bottom:77.27%; border-radius:.3rem 0 .3rem 0;}
.zlBox1Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .5s;}
.zlBox1Shade{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; background:#000000; opacity:0; visibility:hidden; transition:all .5s; cursor:pointer;}
.zlBox1Line{ display:block; position:absolute; left:0; top:0; padding: 5%;  width:100%; height:100%; border:1px solid rgba(255,255,255,0.3); border-radius:.3rem 0 .3rem 0; cursor:pointer;}
.zlBox1Hov{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:3; width:85%; opacity:0; visibility:hidden; margin-top:
15px; transition:all .5s;}
.zlBox1Text{ color:#FFF; max-width:320px; margin:0 auto; text-indent: 2em;}
.nowAsk{ display:block; width:80%; max-width:190px; height:42px; line-height:42px; color:#FFFFFF; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); border-radius:20px; text-align:center; margin:.3rem auto 0;}
.nowAsk:hover,.nowAsk:focus{ color:#FFFFFF;}
.nowAsk i{ display:inline-block; vertical-align:middle; width:24px; height:23px; background:url(../images/nowAsk.png) center center no-repeat; background-size:contain; margin-right:6px;}
.zlBox1Bot{ text-align:center; margin:.2rem 0;}
.zlBox1Tit{ font-size:24px; line-height:140%; margin:.1rem 0;}
.zlBox1Tit span{ display:inline-block; vertical-align:middle; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#a300dd,#f100e3);}
.zlBox1Des{ color:#7a7a7a;}
.odd .zlBox1Img{ border-radius:0 .3rem 0 .3rem;}
.odd .zlBox1Line{ border-radius:0 .3rem 0 .3rem;}
.zlBox1Prev,.zlBox1Next{ position:absolute; top:32%; width:24px; height:26px; cursor:pointer; transition:all .3s;}
.zlBox1Prev{ left:-50px; background:url(../images/prevIco1.png) left center no-repeat;}
.zlBox1Next{ right:-50px; background:url(../images/nextIco1.png) right center no-repeat;}
.zlBox1Prev:hover{ left:-70px; width:48px; background-image:url(../images/prevIco2.png);}
.zlBox1Next:hover{ right:-70px; width:48px; background-image:url(../images/nextIco2.png);}
/*国内专利*/
.zlBox2{ display:flex; padding-bottom:.5rem;}
.zlBox2Item{ width:26.38%;}
.zlBox2Item .zlBox2Img{ position:relative; overflow:hidden; height:0; padding-bottom:136.84%; border-radius:.3rem;}
.zlBox2Item .zlBox2Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.zlBox2Item:nth-child(2){ width:47.24%; padding:0 2%; display:flex; flex-direction:column; justify-content:space-between;}
.zlBox2Item:nth-child(2) .zlBox2Img{ padding:0; height:47.8%;}
.zlBox2Text{ position:absolute; left:0; top:15%; width:100%; padding:0 15px; text-align:center; color:#FFFFFF;}
.zlBox2TitEn{ font-size:18px; text-transform:uppercase; font-family: 'ZonaProBold';}
.zlBox2TitCn{ font-size:24px; margin-bottom:.15rem;}
.zlBox2Price{ font-size:20px;}
.zlBox2Price span{ font-size:140%;}
.zlBox2Item:nth-child(2) .zlBox2Text{ top:50%; transform:translateY(-50%); width:60%;}
.zlBox2Item:nth-child(2) .zlBox2Img:first-child .zlBox2Text{ left:40%;}
.nowAsk2{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:1; font-size:18px; margin:0 auto; background:none; border:2px solid #FFF; line-height:38px; opacity:0; visibility:hidden; margin-top:15px; transition:all .5s;}
.zlBox2Item:nth-child(2) .zlBox2Img:first-child .nowAsk2{ left:30%;}
.zlBox2Item:nth-child(2) .zlBox2Img:last-child .nowAsk2{ left:75%;}
.zlBox2Bg .zlBox1Shade{ cursor:pointer;}
/*国际专利*/
.zlBox3{ margin-bottom:.5rem; height:490px; font-size:18px; color:#7a7a7a; border-radius:.3rem; overflow:hidden;}
.zlBox3 li{ float:left; width:25%; height:100%;}
.zlBox3Img,.zlBox3Text{ position:relative; overflow:hidden; width:100%; height:50%;}
.zlBox3Img .imgBg{ width:100%; height:100%;}
.zlBox3Img:after{ display:block; content:""; border-bottom:15px solid #FFFFFF; border-left:16px solid transparent; border-right:16px solid transparent; position:absolute; left:15%; bottom:0%; z-index:1;}
.zlBox3Text{ background:#FFFFFF; display:flex; align-items:center; padding:.3rem; position:relative;}
.zlBox3Con{ width:100%;}
.zlBox3Tit{ font-size:24px; color:#333333; border-bottom:1px solid #f0f0f0; line-height:160%; margin-bottom:5px;}
.zlBox3Des{ margin:.1rem 0; color: #777;}
.zlBox3Price{ color:#ff0000;}
.zlBox3 li:nth-child(2n+1){ display:flex; flex-direction:column-reverse;}
.zlBox3 li:nth-child(2n+1) .zlBox3Img:after{ bottom:auto; top:0; border-bottom:none; border-top:15px solid #FFFFFF;}
/*专利维权*/
.zlBox4{ font-size:18px; line-height:150%; position:relative;}
.zlBox4 .swiper-container{ padding:0 15px 40px; margin:0 -15px;}
.zlBox4 .swiper-slide{ width:23.6%;}
.zlBox4 .swiper-slide.odd{ width:47.9%;}
.zlBox4Con{ background:#FFFFFF; border-radius:.3rem 0 .3rem 0; overflow:hidden; box-shadow:0 15px 15px rgba(0,0,0,.15);}
.zlBox4Img{ position:relative; overflow:hidden; height:0; padding-bottom:102.94%;}
.zlBox4Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.zlBox4 .swiper-slide.odd .zlBox4Con{ border-radius:0 .3rem 0 .3rem;}
.zlBox4 .swiper-slide.odd .zlBox4Img{ padding-bottom:50.87%;}
.zlBox4Bot{ cursor: pointer; padding:15px 20px;}
.zlBox4Tit{ font-size:24px; color:#333333; line-height:125%;}
.zlBox4Des{ color:#7a7a7a; line-height:150%; -webkit-line-clamp:1;}
.zlBox4 .zlBox1Prev,.zlBox4 .zlBox1Next{ top:50%; transform:translateY(-50%);}
/*专利运用*/
.zlBox5{ padding-bottom:.5rem; display:flex; flex-wrap:wrap; margin:0 -1px; font-size:18px; color:#7a7a7a; line-height:28px;}
.zlBox5 li{ width:25%; padding:1px;}
.zlBox5Con{ height:100%; background:#FFFFFF; padding:30px 40px; transition:all .3s; cursor:pointer;}
.zlBox5Img{ float:left; max-width:50px; margin-right:15px;}
.zlBox5Img img{ max-width:100%;}
.zlBox5Rig{ overflow:hidden;}
.zlBox5Tit{ font-size:24px; color:#333333; line-height:120%; transition:all .3s;}
.zlBox5Tit a{color:#333333; }
.zlBox5Line{ display:block; width:30px; height:3px; background:#d7dae4; font-size:0; margin:.1rem 0; transition:all .3s;}
.zlBox5Des{ min-height:56px;}
/*服务优势*/
.zlBox6{ margin:.5rem auto; width:570px; height:auto; position:relative; font-size:18px; color:#7a7a7a; line-height:28px;}
.zlBox6 .serTit{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin:0; z-index:1; max-width:302px;}
.zlBox6 .serTitEn span{ border:none; font-size:40px; line-height:100%; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#a300dd,#f100e3);}
.serTitLine{ display:block; width:40px; height:4px; background:#333333; font-size:0; margin:.1rem auto;}
.zlBox6Bor{ width:570px; height:570px; position:relative; margin:0 auto 170px;}
.zlBox6Bor span{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.zlBox6Bor1{ background-image:url(../images/zlBox6Bor1.png); /*animation:rotate 5s linear infinite;*/}
.zlBox6Bor2{ background-image:url(../images/zlBox6Bor2.png); animation:rotateF 15s linear infinite;}
.zlBox6Bor3{ background-image:url(../images/zlBox6Bor3.png); animation:rotate 20s linear infinite;}
.zlBox6List li{ position:absolute;}
.zlBox6Li1{ left:15px; top:82px;}
.zlBox6Li3{ right:15px; top:82px;}
.zlBox6Li2{ left:-12px; top:368px;}
.zlBox6Li4{ right:-15px; top:368px;}
.zlBox6Li5{ left:50%; bottom:-38px; transform:translateX(-50%);}
.zlBox6Img{ display:block; display:flex; flex-direction:column; align-items:center; justify-content:center; width:82px; height:82px; border-radius:50%; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3);}
.zlBox6Img img{ display:block; max-width:60%; height:auto;}
.zlBox6Rig{ position:absolute; width:420px;}
.zlBox6Tit{ font-size:24px; color:#333333; line-height:30px; margin:5px 0;}
.zlBox6Li1 .zlBox6Rig,.zlBox6Li2 .zlBox6Rig{ right:100%; top:0; margin-right:30px;}
.zlBox6Li3 .zlBox6Rig,.zlBox6Li4 .zlBox6Rig{ left:100%; top:0; margin-left:30px;}
.zlBox6Li5 .zlBox6Rig{ top:100%; left:50%; transform:translateX(-50%); margin-top:10px; text-align: center;}
/*申请流程*/
.zlBox7{ margin:.5rem auto; font-size:18px; color:#7a7a7a; line-height:28px;}
.zlBox7 img{ display:block; max-width:100% !important; height:auto;}
/*成果展示*/
.zlBox8{ height:572px;}
.zlBox8 .swiper-container{ padding-bottom:80px;}
.zlBox8 .swiper-slide{ width:360px; height:auto;}
.zlBox8Img{ background-color:rgba(255,255,255,1) !important; background-blend-mode:overlay; background-image:url(../images/zlBox8Logo.png); background-position:left top; background-repeat:repeat; border-radius:10px; overflow:hidden; height:100%; display:flex; flex-direction:column; justify-content:center;}
.zlBox8Img img{ display:block; margin:0 auto; opacity:.2; max-width:100%; height:auto; transition:all .5s;}
.zlBox8Text{ margin:.2rem 0; text-align:center; font-size:18px; color:#7b7b7b; line-height:30px; opacity:0; visibility:hidden;}
.zlBox8Tit{ text-align:center; font-size:24px;}
.zlBox8Tit span{ display:inline-block; vertical-align:middle; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#a300dd,#f100e3);}
.zlBox8 .swiper-slide-active .zlBox8Img{ background-color:rgba(255,255,255,0.9) !important; box-shadow:0 8px 30px rgba(163,0,211,0.1); border:1px solid #fcccf9;}
.zlBox8 .swiper-slide-active .zlBox8Img img{ opacity:1;}
.zlBox8 .swiper-slide-active .zlBox8Text{ opacity:1; visibility:visible; transition:all .5s;}
/*专利服务鼠标滑过*/
.zlBox1Img:hover .imgBg{ transform:scale(1.1);}
.zlBox1Img:hover .zlBox1Shade{ opacity:.5; visibility:visible;}
.zlBox1Img:hover .zlBox1Hov{ opacity:1; visibility:visible; margin-top:0;}
.zlBox1Img:hover .nowAsk i{ animation:swing 1s linear infinite;}
.zlBox2Img:hover .zlBox1Shade{ opacity:.5; visibility:visible;}
.zlBox2Img:hover .nowAsk2{ opacity:1; visibility:visible; margin-top:0;}
.zlBox2Img:hover .nowAsk i{ animation:swing 1s linear infinite;}
.zlBox3 li:hover .zlBox1Shade{ opacity:.5; visibility:visible;}
.zlBox3 li:hover .nowAsk2{ opacity:1; visibility:visible; margin-top:0;}
.zlBox3 li:hover .nowAsk i{ animation:swing 1s linear infinite;}
.zlBox4Con:hover .zlBox1Shade{ opacity:.5; visibility:visible;}
.zlBox4Con:hover .nowAsk2{ opacity:1; visibility:visible; margin-top:0;}
.zlBox4Con:hover .nowAsk i{ animation:swing 1s linear infinite;}
.zlBox5Con:hover{ color:#FFFFFF; background:#a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3);}
.zlBox5Con:hover .zlBox5Img .shows{ display:none;}
.zlBox5Con:hover .zlBox5Img .hides{ display:block;}
.zlBox5Con:hover .zlBox5Tit,.zlBox5Con:hover .zlBox5Tit a{ color:#FFFFFF;}
.zlBox5Con:hover .zlBox5Line{ background:#FFFFFF;}
/*国内商标*/
.sbBox2Ico{ position:absolute; right:0; top:50%; transform:translate(0,-50%); width:40%; text-align:center;}
.sbBox2Ico img{ max-width:100px; height:auto; display:block; margin:0 auto;}
.zlBox2Item:nth-child(2) .zlBox2Img:first-child .sbBox2Ico{ left:0; right:auto;}
/*国际商标*/
.sbBox3{ margin:0 -.15rem; font-size:0; padding-bottom:.5rem;}
.sbBox3 li{ width:25%; padding:0 .15rem .3rem;}
.sbBox3Img{ cursor: pointer; position:relative; overflow:hidden; height:0; padding-bottom:70%; border-radius:.24rem 0 .24rem 0;}
.sbBox3Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0; transition:all .3s;}
.sbBox3Shade,.sbBox3Shade2{ display:block; position:absolute; left:0; top:0; right:0; bottom:0;}
.sbBox3Shade{ background:#000000; opacity:.12; transition:all .5s;}
.sbBox3Shade2{ background:#a300dd; background-image: linear-gradient(to top,#42609d,#7ba6d1); opacity:.9; display:none;}
.sbBox3Text{ position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding:.2rem; text-align:center; color:#FFFFFF;}
.sbBox3Tit{ font-size:24px; font-family: 'SourceHanSansCNMedium'; font-weight:bold;}
.sbBox3Ico{ margin-bottom:.1rem;}
.sbBox3Ico img{ display:block; max-width:35%; height:auto; margin:0 auto;}
.sbBox3 li:nth-child(2n) .sbBox3Img{ border-radius:0 .24rem 0 .24rem;}
.sbBox3 li:nth-child(2n) .sbBox3Shade{ display:none;}
.sbBox3 li:nth-child(2n) .sbBox3Shade2{ display:block;}
.sbBox3Img:hover .imgBg{ transform:scale(1.1);}
.sbBox3Img:hover .zlBox1Shade{ opacity:.5; visibility:visible;}
.sbBox3Img:hover .nowAsk2{ opacity:1; visibility:visible; margin-top:0;}
.sbBox3Img:hover .nowAsk i{ animation:swing 1s linear infinite;}
/*法律*/
.flBox1{ margin:0 -30px; font-size:18px;}
.flBox1 li{ float:left; width:50%; padding:0 30px 10px;}
.flBox1 .zlBox1Line{ left:3%; right:3%;}
.flBox1 .zlBox1Text{ max-width:430px;}
.flBox1 .zlBox1Img{ padding-bottom:56.67%;}
.flBox1 li:nth-child(2n) .zlBox1Img{ border-radius:0 .3rem 0 .3rem;}
.flBox6Bg .zlBox6Bor{ margin-bottom:0;}
/*特色服务*/
.qyBox5{ margin-bottom:.5rem;}
.qyBox5Img{ position:relative; overflow:hidden; height:0; padding-bottom:100%; border-radius:50%; margin-bottom:.2rem;}
.qyBox5Img .imgBg{ position:absolute; left:0; top:0; right:0; bottom:0;}
.qyBox5 .zlBox1Prev,.qyBox5 .zlBox1Next{ top:40%;}
.qyBox5Con:hover .zlBox1Shade{ opacity:.5; visibility:visible;}
.qyBox5Con:hover .nowAsk2{ opacity:1; visibility:visible; margin-top:0;}
.qyBox5Con:hover .nowAsk i{ animation:swing 1s linear infinite;}
/*20200606*/
.anchor{ display:block; position:relative; height:0; overflow:hidden;}

/*======20200726 lilu=====*/ 
.topicBox{}
.topicTit{  border-bottom: 1px solid #ebebeb; font-size:36px; padding-bottom: 20px; margin-bottom: 40px;}
.topicTit img{ display:inline-block; vertical-align: bottom; height: 42px!important; width:auto; margin-right: 15px;}
.topicTop{}
.topicSearch{ margin:0 30px 0 0!important; float:left; width:56.76%;}
.topicSearch .faqBtn{ font-size:20px;}
.topicHot{ overflow: hidden;}
.topicHotTit, #topicHotSwiper .swiper-slide a{ line-height: 48px;}
.topicHotTit{ float:left; font-size:18px; padding-left: 26px; background: url(../images/xin_ico02.png) left center no-repeat; background-size:20px;}
.topicHotShow{ position: relative; overflow:hidden;}
#topicHotSwiper{ height: 48px;}
#topicHotSwiper .swiper-slide a{ display:block; color: #999; padding-right: 32px; font-size: 16px;}
#topicHotSwiper .swiper-slide a:hover{ color:#666;}
.topicHotBtn{ position:absolute; top:0; right:0; z-index: 1; width:32px; height: 100%;}
.topicHotPrev, .topicHotNext{ display:block; cursor: pointer; width:100%; height: 24px; background: right bottom no-repeat; background-size:10px;}
.topicHotPrev{ background-image: url(../images/xin_arrow01a.png); margin-bottom: 1px;}
.topicHotNext{ background-image: url(../images/xin_arrow01.png); background-position: right top;}
.topicHotPrev:hover{ background-image: url(../images/xin_arrow02a.png);}
.topicHotNext:hover{ background-image: url(../images/xin_arrow02.png);}
/*topicList*/
.topicList{ list-style:none;}
.topicList li a{ display:block; overflow: hidden; padding: 35px 0; border-bottom: 1px solid rgba(0,0,0, .08);}
.topicImg{ float:left; width:38.5%; max-width:350px; margin-right: 4%;} 
.topicImg .imgBox{ overflow: hidden; position: relative; height: 0; padding-top: 70%;}
.topicImg .imgBox img{ position: absolute; top:0; left:0; width:100%; height: 100%; transition: transform 3s cubic-bezier(.23, 1, .32, 1); transform: scale(1); }
.topicList li a:hover:hover .topicImg .imgBox img{ transform: scale(1.1); }
.topicInfo{ overflow:hidden; font-size: 18px;}
.topicItem{ transition: all .5s; color: #333333; font-size: 24px;}
.topicTime{ color:#999; margin-top: 10px;}
.topicDes{ color: #7a7a7a; line-height:30px; max-height: 60px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top: 20px;}
.topicMore{ display:block; transition: all .5s; color: #fff; background: #a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); border-radius: 20px; text-align: center; width:150px; line-height: 40px; margin-top: 40px;}
.topicMore em{ display:inline-block; font-style: normal; padding-right: 16px; background: url(../images/xin_ico03.png) right center no-repeat; background-size: 8px;}
.topicList li a:hover .topicMore{ color: #fff; opacity: .90;}
.topicList li a:hover .topicItem{ color:#a300dd;}
/*zcttRight*/
.zcttRight{}
/*zcttRightDetail*/
.zcttRightDetail{ background:none!important; padding: 0!important;}
.zcttRightDetail .detailTop{ padding:0!important; border:none!important;}
.zcttRightDetail .detailTime{ margin:.15rem 0; background: #f6f6f6; padding: 8px 10px;}
/*paging*/
.paging{ text-align:center; margin-top: 50px; font-size: 18px;}
.paging a{ transition: all .5s;  display:inline-block; vertical-align: middle; border-radius: 3px; border:1px solid #e5e5e5; color: #333; width:40px; line-height: 38px; margin: 0 2px; }
.paging a em{ transition: all .5s; display:block;}
.paging a:hover,
.paging a.current{ border-color:transparent; background: #a300dd; background-image: linear-gradient(to right,#a300dd,#f100e3); color: #fff;}
.paging strong{transition: all .5s;  display:inline-block;background: #a300dd; vertical-align: middle; border-radius: 3px; border:1px solid #e5e5e5; color: #fff; width:40px; line-height: 38px; margin: 0 2px;}
.paging a.pagingBtn em{ text-indent: -9999px; background: center center no-repeat; background-size: 14px;}
.paging a.prevGroup em{ background-image: url(../images/xin_arrow03a.png);}
.paging a.prevGroup:hover em{ background-image: url(../images/xin_arrow03b.png);}
.paging a.prevPage em{ background-image: url(../images/xin_arrow05a.png);}
.paging a.prevPage:hover em{ background-image: url(../images/xin_arrow05b.png);}
.paging a.nextGroup em{ background-image: url(../images/xin_arrow04a.png);}
.paging a.nextGroup:hover em{ background-image: url(../images/xin_arrow04b.png);}
.paging a.nextPage em{ background-image: url(../images/xin_arrow06a.png);}
.paging a.nextPage:hover em{ background-image: url(../images/xin_arrow06b.png);}
@media (max-width:1600px){ 
	.topicImg{ max-width:280px;}
	.topicTit{ font-size:30px;}
	.topicTit img{ height:36px!important;} 
	.topicInfo{ font-size:16px;}
	.topicItem{ font-size:20px;}
	.topicDes{ line-height:26px; max-height: 52px;}
	.topicMore{ margin-top:30px;}
	.paging{ font-size:16px;}
}
@media (max-width:1400px){ 
	.topicSearch .faqBtn { font-size: 16px;}
}
@media (max-width:767px){ 
	.topicSearch{ float:none; width:100%; margin: 0 0 20px!important;}
	.topicTit{ font-size:24px; padding-bottom: 10px; margin-bottom: 30px;}
	.topicTit img{ height:30px!important;} 
	.topicList li a{ padding:25px 0;}
	.topicInfo{ font-size:14px;}
	.topicItem{ font-size:16px;}
	.topicTime{ font-size:12px; margin-top: 5px;}
	.topicDes{ line-height:22px; max-height: 44px; margin-top: 10px;}
	.topicMore{ margin-top: 15px; width:110px; line-height: 30px;}
	.topicMore em{ padding-right:14px; background-size: 6px;}
	.paging{ font-size:14px; margin-top: 30px;}
	.paging a{ width:30px; line-height: 28px; margin: 0;}
	.paging a.pagingBtn em{ background-size:10px;}
}



@media (min-width:1201px){
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#c6000b;}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{ color:#FFFFFF; background:#c6000b;}
	nav.navbar.bootsnav.white ul.nav > li > a:hover{ color:#FFFFFF;}
	.banPrev:hover{ background-image:url(../images/banPrev2.png);}
	.banNext:hover{ background-image:url(../images/banNext2.png);}
	.banShare li:hover .banWx{ opacity:1; visibility:visible; margin-bottom:0;}
	.banShare li a:hover,.banShare li:hover a{ color:#ff0000;}
	.box2Con:hover .box2Ico img{ animation:pulse 1s linear infinite;}
	.box3Btn span:hover{ background-color:#ff6b00;}
	.box7FaqList li a:hover{ color:#a300dd;}
	.box7Publicity li a:hover h4{ color:#a300dd;}
	.box7Video li a:hover .imgBg{ transform:scale(1.05);}
	.box7Video li a:hover .box7VideoTit{ color:#a300dd;}
	.box8Partner li a:hover span{ transform:translateY(-100%);}
	.ftTop a:hover,.ftCenList li a:hover,.ftBot a:hover{ text-decoration:underline;}
	.kefu:hover i{ animation:swing 2s linear infinite;}
	.onLine li a:hover + .onCon{ opacity:1; visibility:visible; margin-right:0;}
	.onLine li:not(#top) a:hover img{ animation:swing 2s linear infinite;}
	.winClose:hover{ opacity:1;}
	.leftList li:not(.active) a:hover span{ color:#a300dd;}
	.leftList li:not(.active) a:hover i{ background:#a300dd;}
	.hotSer li a:hover .hotSerRig h4{ color:#a300dd;}
	.newDeal li a:hover,.newDeal .swiper-slide a:hover{ color:#a300dd;}
	.case li a:hover .caseRig{ color:#a300dd;}
	.applyData li a:hover{ background-image:url(../images/downIco2.png); color:#d500e1;}
	.freeApply:hover{ background:#a300dd;}
	.detailKey a:hover{ background:#a300dd; color:#FFFFFF; box-shadow:0 0 1px #a300dd;}
	.pagePrev a:hover,.pageNext a:hover{ color:#a300dd;}
	.readList li a:hover .readTit{ color:#a300dd;}
	.errorTip a:hover{ color:#a300dd;}
}
@media (min-width:1600px){
	.container{ width:1470px;}
}
@media (max-width:1600px){
	.logo{ height:80px;}
	.logo img{ height:50px;}
	nav.navbar.bootsnav ul.nav > li > a{ font-size:16px; padding:0 5px; line-height:80px;}
	.navRig{ line-height:60px;}
	.navTel strong{ font-size:22px;}
	.boxPd{ padding-top:80px;}
	.box2Tab li{ line-height:24px; padding:.15rem 15px;}
	.box2Tab li span{ font-size:18px;}
	.box2SearchBg{ padding:.3rem 15px;}
	.box2Top{ margin-bottom:.2rem;}
	.box2Bot{ padding:.3rem;}
	.box2TitEn{ font-size:36px;}
	.box2TitCn{ font-size:30px; margin-top:-20px;}
	.box2List{ padding:0 60px;}
	.box2Ico{ height:40px;}
	.box2Name{ font-size:20px; margin:.1rem 0;}
	.box2Item li{ font-size:14px;}
	.box2Item li.hot span:after{ width:14px;}
	.box2Btn{ width:36px; height:24px;}
	.box3Lef{ padding:.2rem;}
	.box3Ico{ height:34px;}
	.box3TitCn{ font-size:24px;}
	.box3Des{ margin:.1rem 0;}
	.box3Img{ margin:.32rem 0;}
	.box3Cen{ padding:36px 4px 0;}
	.box3Con{ padding:10px;}
	.box3Tag{ margin-bottom:.1rem;}
	.box3Name{ font-size:16px; margin:.1rem 0;}
	.box3Price span{ font-size:18px;}
	.box3RigTop{ margin-top:-60px; padding:0 15px 15px;}
	.box3People{ width:120px; height:120px; padding:8px; margin:0 auto .15rem;}
	.box3PeoTit{ font-size:16px;}
	.box3PeoBrief{ font-size:12px;}
	.box3PeoBrief p span{ font-size:16px;}
	.box3PeoDes{ margin:.1rem 0;}
	.box3Page .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px;}
	.box3Btn span{ width:36px; height:40px;}
	.box3ConUs{ padding:30px 15px;}
	.box3Wx{ max-width:80px; margin-right:10px;}
	.box3UsBtn{ width:100%; max-width:120px; height:30px; line-height:30px; font-size:16px; margin-bottom:10px;}
	.box3UsTit{ font-size:14px;}
	.box3UsTel{ font-size:16px;}	
	.box7Box{ margin:0 -10px;}
	.box7Item{ padding:0 10px;}
	.box7Con{ padding:10px 15px 20px;}
	.faqSearch{ margin:20px 0 10px;}
	.box7Tit .box2TitDes,.boxBg8 .box2TitDes{ font-size:16px;}
	.box7Faq{ padding:10px 15px 20px;}
	.box7FaqTit{ margin:.1rem 0;}
	.box7FaqList li a{ font-size:14px;}
	.box7Publicity li{ padding:15px 0 10px;}
	.box7Video li{ margin-top:10px;}
	.box7Rig{ padding:10px 15px;}
	.box8Partner{ margin:0 -5px .2rem;}
	.box8Partner li{ padding:5px;}
	.box8Partner li a{ height:100px;}
	.box8Tit{ margin:.2rem 0;}
	.box8Honor{ /*max-width:880px;*/ margin:.2rem auto;}
	.box8Honor li a{ height:120px;}
	.footBg{ padding:.3rem 0;}	
	.winBot{ height:100px;}
	.banInner{ height:500px;}
	.breadcrumb{ font-size:16px;}
	.leftBox{ margin-bottom:.3rem;}
	.leftTit,.leftList li a,.hotSer{ padding:0 25px;}
	.leftTit h3{ font-size:24px; line-height:30px; padding:10px 0;}
	.leftTit h3 span{ font-size:20px;}
	.leftList li a span{ font-size:16px; line-height:44px; background-size:8px auto;}
	.hotSer li{ padding:20px 0;}
	.hotSerIco{ width:58px; height:58px; margin-right:15px;}
	.hotSerRig{ font-size:14px;}
	.hotSerRig h4{ font-size:20px; line-height:28px;}
	.hotSerRig p span{ font-size:20px;}
	.right{ padding:20px 25px 30px; margin-bottom:.3rem;}
	.rigTit{ font-size:28px;}
	.conTop{ margin:.2rem 0;}
	.conWx{ width:300px;}
	.conWx li{ font-size:14px;}
	.conText{ font-size:16px; line-height:20px;}
	p.conTel span{ font-size:20px;}
	.conBot{ margin:.2rem 0;}
	#dituContent{ height:540px;}
	.joinList li{ font-size:16px;}
	.joinTop,.joinTit{ line-height:50px;}
	.joinCon h6{ font-size:20px;}
	.joinTit .joinSp5 i{ background-size:16px auto;}
	.main2{ padding:.4rem 0 .2rem;}
	.rigBox{ padding:30px 25px; margin-bottom:.3rem;}
	.rigTit2{ font-size:32px;}
	.rigDes{ font-size:16px;}
	.rigGray{ padding:15px .2rem; font-size:16px;}
	.rigGrayItem{ line-height:32px;}
	.PatentSelect{ margin:.3rem 0;}
	.PatentSelect li{ margin:10px 0; padding-left:0;}
	.patentLabel{ font-size:16px;}
	.patentRadio span{ font-size:16px;}
	.patentTipCon{ font-size:16px;}
	.patentTel{ font-size:16px;}
	.protect{ font-size:16px;}
	.protect img{ max-width:16px;}
	.nowDo{ width:200px; height:42px; line-height:42px; font-size:16px;}
	.nowDo i{ width:20px; height:20px;}
	.rigTab li{ margin-right:.4rem;}
	.rigTabIco{ width:44px; height:44px; margin-right:10px;}
	.rigTabCon{ font-size:16px;}
	.rigTabCon h4{ font-size:20px;}
	.rigLiBox{ min-height:0;}
	.rigLi1Num{ font-size:32px; margin:10px 0;}
	.rigLi1Rig{ font-size:16px;}
	.rigLi1Ico{ max-width:50px;}
	.rigLi1Con{ line-height:24px; height:72px;}
	.rigLi1Price{ line-height:36px;}
	.freeApply{ font-size:16px;}
	.freeApply i{ width:20px; height:20px; background-size:contain;}
	.rigList2 .rigLi1Con{ font-size:18px; height:48px;}
	.rigTit3{ margin:.1rem 0 .2rem;}
	.rigTit3 h4{ font-size:24px;}
	.rigTit3 h4:before,.rigTit3 h4:after{ height:2px;}
	.rigList3 li{ font-size:18px; line-height:24px;}
	.applyData li{ font-size:16px; line-height:44px;}
	.faqTit{ font-size:20px; background-size:24px auto; padding-left:30px; background-position:left 3px;}
	.faqText{ font-size:16px; padding:20px;}
	.faqA{ width:24px; height:24px; background-size:contain; margin-top:4px; margin-right:14px;}
	.leftPartner{ margin-top:70px;}
	.leftPartner .leftBox{ padding:1px 25px 25px;}
	.leftPartner .box3RigTop{ margin-top:-70px;}
	.leftPartner .box3People{ width:140px; height:140px;}
	.leftPartner .box3PeoTit{ font-size:24px;}
	.parRole{ font-size:16px;}
	.leftPartner .box3PeoBrief{ font-size:14px;}
	.leftPartner .box3PeoBrief p span{ font-size:20px;}
	.leftPartner .box3Star span{ width:16px; height:15px; background-size:contain;}
	.leftPartner .box3PeoDes{ font-size:16px; line-height:24px; height:72px;}
	.newDeal{ padding:0 25px; height:220px;}
	.newDeal li,.newDeal .swiper-slide{ font-size:16px; line-height:44px;}
	.case{ padding:0 25px;}
	.case li{ padding:15px 0;}
	.caseRig{ font-size:16px; line-height:24px;}
	.main3{ padding:0;}
	.detailTit{ font-size:28px;}
	.detailTime{ font-size:16px;}
	.detailCen{ font-size:16px;}
	.detailKey span,.detailKey a{ font-size:16px;}
	.formCon{ max-width:400px;}
	.formCon .winInput{ height:44px; line-height:24px; font-size:16px;}
	.formCon .winBtn{ line-height:44px; font-size:16px;}
	.pagePrev,.pageNext{ font-size:16px; line-height:24px; background-size:16px auto;}
	.readList{ margin:0 -.1rem; padding:0 25px;}
	.readList li{ padding:.1rem;}
	.readTit{ font-size:16px;}
	.serTit{ margin:.3rem 0;}
	.serTitCn{ font-size:32px;}
	.serTitEn{ font-size:16px;}
	.serTitDes{ font-size:16px;}	
	.zlBox1{ font-size:16px;}
	.zlBox1Tit{ font-size:22px;}
	.nowAsk{ max-width:160px;}
	.nowAsk i{ width:20px; height:21px;}
	.zlBox2{ padding-bottom:.4rem;}
	.zlBox2TitEn{ font-size:16px;}
	.zlBox2TitCn{ font-size:22px;}
	.zlBox2Price{ font-size:18px;}
	.zlBox3{ height:420px; font-size:16px; margin-bottom:.4rem;}
	.zlBox3Tit{ font-size:22px;}
	.zlBox4{ font-size:16px;}
	.zlBox4 .swiper-container{ padding:0 15px 30px;}
	.zlBox4Tit{ font-size:22px;}
	.zlBox5{ padding-bottom:.4rem; font-size:16px;}
	.zlBox5Con{ padding:.3rem;}
	.zlBox5Img{ max-width:40px;}
	.zlBox5Tit{ font-size:22px;}
	.zlBox5Line{ height:2px;}	
	.zlBox6{ font-size:16px; width:540px;}
	.zlBox6 .serTitEn span{ font-size:32px;}
	.serTitLine{ height:3px;}
	.zlBox6Bor{ width:540px; height:540px;}
	.zlBox6Rig{ width:310px;}
	.zlBox6Tit{ font-size:22px;}
	.zlBox8Text{ font-size:16px; line-height:28px;}
	.zlBox8Tit{ font-size:22px;}
	.sbBox2Ico img{ max-width:80px;}
	.sbBox3{ margin:0 -.1rem; padding-bottom:.4rem;}
	.sbBox3 li{ padding:0 .1rem .2rem;}
	.sbBox3Tit{ font-size:20px;}
	.flBox1{ margin:0 -15px; font-size:16px;}
	.flBox1 li{ padding:0 15px 10px;}
	.qyBox5{ margin-bottom:.4rem;} 
	
}
@media (max-width:1400px){
	.box2Input{ border-width:2px; height:50px; padding:10px; line-height:26px;}
	.box2Submit{ height:50px; line-height:50px;}
	.box2Bot{ padding:.2rem;}
	.box2TitEn{ font-size:30px;}
	.box2TitCn{ font-size:24px;}
	.box2Con{ padding:.1rem;}
	.box2Name{ font-size:18px; line-height:140%;}
	.box7Box{ padding-top:0;}
	.box7Name,.box7Name h4{ line-height:32px;}
	.faqSearch{ padding-right:90px;}
	.faqInput{ height:38px; padding:5px 15px;}
	.faqBtn{ width:90px; height:38px; line-height:38px;}
	.box7FaqList li{ margin:2px 0;}
	.box7Publicity li{ padding:10px 0 5px;}
	.box7Video{ padding-top:5px;}
	.box7VideoTit{ line-height:20px; height:60px; -webkit-line-clamp:2;}
	.banInner{ height:440px;}
	.breadcrumb{ font-size:14px;}
	.errorImg{ max-width:400px;}
	.errorTip{ font-size:16px;}
	.errorTip h3{ font-size:32px;}
	.reloadBtn{ width:180px; height:50px; line-height:50px; font-size:20px;} 
	
}
@media (max-width:1200px){
	nav.navbar.bootsnav.white .logo span{ background:none; background-size:auto 100%;}
	nav.navbar.bootsnav.white .logo img{ opacity:1;}
	nav.navbar.bootsnav.white .navTel{ color:#000000;}
	nav.navbar.bootsnav.white .navTel p i{ background-image:url(../images/telIco1.png);}	
	.navRig{ line-height:60px; left:auto; right:50px; z-index:1;}
	nav.navbar.bootsnav{ position:fixed; background:#FFFFFF; box-shadow:0 1px 0 rgba(0,0,0,0.1); top:0 !important;}
	nav.navbar.bootsnav .container{ width:100%;}
	nav.navbar.bootsnav .navbar-header{ position:relative; padding:0; margin:0;}
	nav.navbar.bootsnav .navbar-brand{ display:flex; float:left !important;}
	nav.navbar.bootsnav .navbar-nav{ padding:0 15px;}
	nav.navbar.bootsnav.menu-center ul.nav.navbar-center{ position:static; left:0;}
	nav.navbar.bootsnav.no-full .navbar-collapse{ margin:0; max-height:none; border-top:1px solid #ff0000;}
	nav.navbar.bootsnav ul.nav > li{ padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{ line-height:40px; border:none; margin:0; padding:0;}
	nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle::after{ content:"";}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu:before{ display:none;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li{ padding:0 !important;}
	nav.navbar.bootsnav ul.nav li.dropdown .dropdown-menu > li > a{ padding:5px 0; border:none; text-align:left; color:#333333; line-height:24px;}	
	.logo{ height:60px; padding:0; color:#333333;}
	.logo img{ height:40px; margin:0 auto;}
	.navBtn{ display:flex !important; margin:0 !important; position:absolute !important; float:none !important; flex-direction:column; justify-content:center; width:40px; height:40px; left:auto; right:-5px; top:50% !important; transform:translateY(-55%); cursor:pointer;}
	.navBtn span{ display:block; width:21px; height:1px; background:#ff0000; margin:0 auto; transform-origin:left center; transition:all 0.3s linear;}
	.navBtn span:nth-child(2){ margin:6px auto;}
	.navBtn.collapsed span{ transform:rotate(0); background:#0F0000;}
	.navBtn.collapsed span:nth-child(1),.navBtn.collapsed span:nth-child(3){ transform:rotate(0);}
	.navBtn.collapsed span:nth-child(2){ opacity:1; transform:translateX(0%);}
	.navBtn span:nth-child(1){ transform: rotate(45deg);}
	.navBtn span:nth-child(2){ opacity:0; transform:translateX(-100%);}
	.navBtn span:nth-child(3){ transform: rotate(-45deg);}
	.banner{ position:static; height:5rem;}
	.banner .container{ width:100%;}
	.banShare{ display:none;}
	.banBtn{ float:none; width:100%; padding-right:0;}
	.banStatus{ left:40px; right:40px;}
	.boxBg2,.boxBg3,.boxBg4,.boxBg5,.boxBg6,.boxBg7,.boxBg8{ padding:.6rem 0;}
	.box3Lef{ float:none; width:100%; text-align:center; margin-bottom:.2rem;}
	.box3Ico{ margin:0 auto 10px;}
	.box3Ico img{ margin:0 auto;}
	.box3Line{ margin:0 auto;}
	.box3Img{ display:none;}
	.box3Cen{ float:none; width:100%; padding:0; margin:.2rem 0;}
	.box3Rig{ float:none; width:100%; margin-top:.2rem;}
	.box3RigTop{ margin:0; padding:15px;}
	.box3PeoBrief{ display:block; text-align:center;}
	.box3PeoBrief p{ display:inline-block; vertical-align:bottom; width:auto;}
	.box3PeoDes{ height:auto;}
	.box3ConUs{ display:flex; justify-content:center;}
	.box3Wx{ margin-right:15px;}
	.box3UsBtn{ max-width:120px;}
	.box7Box{ margin:0 -5px;}
	.box7Item{ padding:0 5px;}
	.box7Rig{ padding:10px;}
	.ftWechat{ max-width:100px;}
	.ftTel{ font-size:24px;}
	.ftRigTime{ font-size:14px; line-height:22px; margin:.1rem 0 .2rem;}
	.kefu{ max-width:168px; width:90%; font-size:14px;}
	.kefu i{ width:20px; height:20px; vertical-align:sub;}
	.boxPd{ padding-top:0;}
	.onLine{ transform:translateY(0); top:auto; bottom:10px; right:10px;}
	.onLine li{ display:none;}
	.onLine li:first-child,.onLine li:last-child{ display:block;}
	.onIco{ width:42px; height:42px;}
	.onIco img{ max-width:100%; height:auto;}
	/*#home .animated{ animation-name:none !important;}*/
	.boxBg1{ padding-top:50px;}
	.box2Top,.box2Bot,.box3Lef,.box3Cen,.box3Rig,.box7Item,.box8Partner,.box8Tit,.box8Des,.box8More{ animation-name:none !important;}
	.breadcrumb{ margin:.15rem 0;}
	.left,.right{ float:none; width:100%;}
	.leftBox{ padding:.1rem 0;}
	.leftTit,.leftList li a,.hotSer{ padding:0 15px;}
	.leftTit h3{ font-size:20px;}
	.leftTit h3 span{ font-size:16px;}
	.leftTitLine{ height:24px;}
	.leftList{ padding:10px 15px; font-size:0; margin-top:.1rem;}
	.leftList li{ display:inline-block; vertical-align:middle;}
	.leftList li a{ padding:0 10px;}
	.leftList li a:after{ border-radius:10px;}
	.leftList li a span{ background:none !important; padding:0 0 0 10px; line-height:38px; border:none;}
	.right{ padding:.2rem 15px .3rem;}
	#dituContent{ height:4.2rem;}
	.readList{ padding:0 15px;}
	.serTit{ margin:.2rem 0;}
	.serTitCn{ font-size:28px;}
	.serTitEn{ font-size:14px;}
	.serTitDes{ font-size:14px;}	
	.zlBox1{ font-size:14px;}
	.zlBox1Tit{ font-size:20px;}
	.nowAsk{ max-width:140px;}
	.zlBox2{ padding-bottom:.3rem;}
	.zlBox2TitEn{ font-size:14px;}
	.zlBox2TitCn{ font-size:20px;}
	.zlBox2Price{ font-size:16px;}
	.zlBox3{ height:360px; font-size:14px; margin-bottom:.3rem;}
	.zlBox3Tit{ font-size:20px;}
	.zlBox4{ font-size:14px;}
	.zlBox4Tit{ font-size:20px;}
	.zlBox5{ padding-bottom:.3rem; font-size:14px;}
	.zlBox5Con{ padding:.2rem;}
	.zlBox5Img{ max-width:32px; margin-right:10px;}
	.zlBox5Tit{ font-size:20px;}
	.zlBox5Line{ height:2px;}	
	.zlBox6{ font-size:14px; width:auto; margin:0; line-height:24px;}
	.zlBox6 .serTit{ position:static; max-width:100%; transform:none;}
	.zlBox6 .serTitEn span{ font-size:28px;}
	.serTitLine{ height:2px;}
	.zlBox6Bor{ display:none;}
	.zlBox6List{ display:flex; flex-wrap:wrap; margin:0 -10px;}
	.zlBox6List li{ position:static; margin:10px 0; transform:none; width:50%; padding:0 10px;}
	.zlBox6Img{ float:left; margin-right:20px;}
	.zlBox6Rig{ width:auto; overflow:hidden; position:static; text-align:left; margin:0 !important; transform:none !important;}
	.zlBox6Tit{ font-size:20px;}
	.zlBox6Li5 .zlBox6Rig{ text-align: left;}
	.zlBox8Text{ font-size:14px; line-height:28px;}
	.zlBox8Tit{ font-size:20px;}
	.sbBox2Ico img{ max-width:60px;}
	.sbBox3{ text-align:center; padding-bottom:.3rem;}
	.sbBox3 li{ width:33.33%;}
	.qyBox5{ margin-bottom:.3rem;}
}
@media (max-width:991px){
	.box2Tab li{ line-height:20px;}
	.box2Tab li span{ font-size:16px;}
	.box2Tab li i{ display:none;}
	.box7Box{ display:block;}
	.box7Item{ width:100%;}
	.box7Name,.box7Name h4{ line-height:40px;}
	.box7Video li a{ padding-left:2.1rem;}
	.box7Img{ width:2rem;}
	.box8Partner li{ width:33.33%;}
	.ftLef,.ftRig{ float:none; width:100%; max-width:100%;}
	.ftRig{ display:flex; justify-content:center;}
	.ftWechat{ max-width:140px;}
	.winBot{ height:auto;}
	.winText,.winZx{ display:none;}
	.winForm{ display:block; float:none; width:100%; margin:0; padding-right:40px; background:none;}
	.winFormList{ overflow:hidden; padding:5px 0;}
	.winClose{ top:10px; background-size:18px auto;}
	.banInner{ height:3.8rem;}
	.rigTit{ font-size:24px;}
	.rigBox{ padding:.2rem 15px;}
	.rigTit2{ font-size:28px;}
	.rigDes{ font-size:14px; line-height:24px;}
	.rigGray{ font-size:14px;}
	.patentLabel{ font-size:14px; line-height:34px; width:70px;}
	.patentRadio span{ font-size:14px; line-height:32px;}
	.patentTipCon{ font-size:14px;}
	.patentRig.single .patentRadio{ margin-bottom:.1rem;}
	.patentTel{ height:34px; line-height:22px; padding:5px 15px; font-size:14px;}
	.protect{ font-size:14px;}
	.protect img{ max-width:14px;}
	.nowDo{ margin:.1rem 0;}
	.rigTabIco{ width:40px; height:40px;}
	.rigTabCon{ font-size:14px;}
	.rigTabCon h4{ font-size:18px;}
	.rigTab li.active{ border-bottom-width:2px;}
	.rigList1{ margin:0 -.1rem;}
	.rigList1 li{ padding:.1rem;}
	.rigLi1Num{ width:50px;}
	.rigLi1Rig{ padding:20px 15px; font-size:14px;}
	.rigLi1Ico{ max-width:40px; margin-right:10px;}
	.freeApply{ line-height:44px;}
	.applyData li{ font-size:14px;}
	.rigList2 .rigLi1Rig{ margin-left:50px;}
	.rigList2 .rigLi1Con{ font-size:16px;}
	.rigList3 li{ font-size:16px;}
	.rigTit3{ font-size:12px;}
	.rigTit3 h4{ font-size:22px;}
	.leftPartner .leftBox{ padding:1px 15px 15px;}
	.leftPartner .box3PeoTit{ font-size:20px;}
	.leftPartner .box3PeoDes{ font-size:14px; height:auto;}
	.zlBox1Prev, .zlBox1Next{ background-size:cover; width:20px; height:20px;}
	.zlBox1Prev:hover{ width:36px; left:-50px;}
	.zlBox1Next:hover{ width:36px; right:-50px;}
	.zlBox2{ display:block; margin:0 -5px;}
	.zlBox2Item{ width:100% !important; display:block !important; padding:5px !important;}
	.zlBox2Item .zlBox2Img{ padding-bottom:50% !important; height:auto !important;}
	.zlBox2Item:nth-child(2) .zlBox2Img:first-child{ margin-bottom:10px;}
	.zlBox3{ height:auto;}
	.zlBox3 li{ width:50%; height:5rem;}
	.zlBox4Con{ box-shadow:0 10px 10px rgba(0,0,0,.1);}
	.zlBox4Img{ padding-bottom:60% !important;}
	.zlBox5 li{ width:50%;}
	.zlBox5Con{ box-shadow:0 2px 2px rgba(0,0,0,.1);}
	.sbBox3 li{ width:50%;}
	.sbBox3Tit{ font-weight:normal;}
	.flBox1 li{ width:100%;}
}
@media (max-width:767px){
	.box3Btn{ left:auto; right:0; top:0; z-index:1;}
	.box3Btn span{ width:32px; height:32px; border-radius:5px 0 0 5px;}
	.banInner{ height:3.4rem;}
	.conWx{ max-width:260px;}
	.joinSp2,.joinSp3,.joinSp4{ display:none;}
	.joinSp1{ width:80%;}
	.joinSp5{ width:20%;}
	.patentTipCon{ font-size:12px;}
	.patentTel{ width:100%; max-width:360px;}
	.protect{ display:block; margin:5px 0 0;}
	.zlBox1{ padding:0 20px;}
	.zlBox1Prev{ left:-15px !important;}
	.zlBox1Next{ right:-15px !important;}
	.zlBox4{ padding:0 20px;}
	.qyBox5{ padding:0 20px;}
}
@media (max-width:640px){
	.ftLef li{ float:none; width:100%; padding:0; margin:.2rem 0; max-width:100%;}
	.ftTit{ line-height:120%; margin:0;}
	.ftCon{ margin:0 -10px;}
	.ftCon p{ display:inline-block; vertical-align:top; padding:0 10px;}
	.leftList li a span{ font-size:14px; line-height:34px;}
	.rigTit{ font-size:20px;}
	.conWx{ float:none; margin:0 auto 10px;}
	.conText{ font-size:14px;}
	.conText p{ background-size:18px auto; background-position:left 2px; padding-left:24px;}
	p.conTel span{ font-size:18px;}
	.BMapLabel{ display:none !important;}
	.joinTop{ font-size:16px;}
	.joinList li{ font-size:14px;}
	.rigTit2{ font-size:24px;}
	.rigGrayRig p{ float:none; padding-right:0;}
	.patentRadio{ margin-right:5px;}
	.patentRadio span{ padding:5px 10px; line-height:22px;}
	.rigTab li{ padding:10px 0;}
	.rigTabIco{ float:none; width:32px; height:32px; margin:0 0 5px;}
	.rigTabCon{ font-size:12px;}
	.rigTabCon h4{ font-size:16px;}
	.rigCon{ padding-top:.3rem;}
	.rigList1 li{ width:100%;}
	.rigLi1Num{ font-size:24px; width:40px;}
	.rigLi1Rig{ padding:15px 15px 15px 0;}
	.rigLi1Ico{ max-width:.5rem;}
	.rigLi1Price{ line-height:32px;}
	.rigLi1Price big{ font-size:160%;}
	.freeApply{ margin:15px 0;}
	.rigList3 li{ width:50%; font-size:14px; line-height:22px;}
	.faqTit{ font-size:16px; background-size:20px auto; padding-left:24px; background-position:left 5px;}
	.faqText{ font-size:14px; padding:.2rem;}
	.faqA{ display:block; width:20px; height:20px; margin-right:8px;}
	.faqCon p span{ display:block; min-width:0;}
	.onAsk{ width:90%; max-width:475px; padding:0.4rem;}
	.onAskTip{ font-size:16px;}
	.onAskTel{ font-size:24px;}
	.onAskCon{ padding-right:100px;}
	.onAskBtn{ font-size:18px; width:100px; height:40px; line-height:40px;}
	.onAskInput{ height:40px; line-height:28px; padding:5px 10px; font-size:16px;}
	.onAskBtn2{ margin:0.2rem auto; height:44px; line-height:44px; font-size:18px;}
	.detailTit{ font-size:22px;}
	.detailTime{ font-size:14px;}
	.detailCen{ font-size:15px;}
	.detailKey span,.detailKey a{ font-size:14px; padding:.04rem .2rem;}
	.detailKey span{ padding:.04rem 0;}
	.detailForm{ padding:.4rem .3rem .3rem;}
	.formCon{ max-width:100%;}
	.pagePrev,.pageNext{ float:none; width:100%; padding:0 0 0 10px; text-align:left; background:url(../images/pagePrev.png) left 4px no-repeat; background-size:6px auto; margin:10px 0; font-size:14px; line-height:22px;}
	.readTit{ font-size:14px; line-height:22px;}
	.errorImg{ max-width:70%;}
	.errorTip{ font-size:14px;}
	.errorTip h3{ font-size:.4rem; line-height:180%; margin-bottom:5px;}
	.reloadBtn{ width:2rem; height:.6rem; line-height:.6rem; font-size:.24rem;}
	.banAuto{ padding-top:50px;}
	.serTitCn{ font-size:24px;}
	.serTitEn{ font-size:12px;}
	.serTitCn span:before,.serTitCn span:after{ width:30px; height:10px;}
	.zlBox1Tit{ font-size:18px;}
	.zlBox2TitEn{ font-size:12px;}
	.zlBox2TitCn{ font-size:18px;}
	.zlBox2Price{ font-size:14px;}
	.zlBox3Tit{ font-size:18px;}
	.zlBox4Tit{ font-size:18px;}
	.zlBox5Tit{ font-size:18px;}
	.zlBox6 .serTitEn span{ font-size:24px;}
	.zlBox6List{ display:block;}
	.zlBox6List li{ width:100%;}
	.zlBox6Tit{ font-size:18px; line-height:24px;}
	.zlBox8Tit{ font-size:18px;}
	.sbBox3Tit{ font-size:16px;}
	.qyBox5{ padding-bottom:.3rem;}
}
@media (max-width:460px){
	.logo{ height:50px;}
	.logo img{ height:30px;}
	.navRig{ line-height:50px;}
	.navTel strong{ font-size:16px;}
	.navTel p i{ background-size:cover; width:16px; height:15px; margin-right:4px;}
	.banner{ height:4.4rem;}
	.banBot{ bottom:.1rem;}
	.banPrev, .banNext{ background-size:24px auto;}
	.box2Tab li:after{ height:6px;}
	.box2Tab li span{ font-size:14px;}
	.box2Search{ padding-right:100px;}
	.box2Input{ border-width:1px; height:42px; line-height:20px;}
	.box2Submit{ width:100px; height:42px; line-height:42px; font-size:16px;}
	.box2Tit:after{ width:200px; height:200px;}
	.box2TitEn{ font-size:24px;}
	.box2TitCn{ font-size:20px; margin-top:-15px;}
	.box2List{ padding:0 30px;}
	.box2Btn{ width:24px; height:16px;}
	.box3Ico{ height:30px;}
	.box3TitCn{ font-size:20px;}
	.box3TitEn{ font-size:12px;}
	.box3Cen li{ width:50%;}
	.box3Cen li:nth-child(9){ display:none;}
	.box3Price span{ font-size:16px; margin-left:2px;}
	.box3People{ width:100px; height:100px;}
	.box7Tit .box2TitDes,.boxBg8 .box2TitDes{ font-size:14px;}
	.box7Video li a{ padding-left:2.7rem;}
	.box7Img{ width:2.6rem;}
	.box8Partner li a{ height:1.4rem;}
	.box8Honor li a{ height:1.6rem;}
	.kefu{ line-height:36px;}
	.ftCenTit{ float:none;}
	.ftCenList{ font-size:0;}
	.ftCenList li{ font-size:14px;}
	.winFormList{ margin:0 -2px;}
	.winFormList li{ padding:2px;}
	.breadcrumb{ background-size:14px auto; padding-left:20px; background-position:left 3px;}
	.breadcrumb > li + li + li:before{ padding:0;}
	.leftTit h3{ font-size:18px;}
	.leftTit h3 span{ font-size:14px;}
	.leftTitLine{ height:20px;}
	.rigTit{ font-size:18px;}
	.ftWechat p{ white-space:nowrap;}
	.ftRigTime{ margin:.4rem 0;}
	.joinTop,.joinTit{ line-height:44px;}
	.joinTit .joinSp5 i{ background-size:12px auto;}
	.joinCon h6{ font-size:18px;}
	.patentLabel{ display:block; float:none; width:100%;}
	.patentRadio input:checked + span:after{ background-size:contain; width:16px; height:16px;}	
	.rigTab{ display:flex; justify-content:space-between;}
	.rigTab li{ margin-right:0; vertical-align:middle;}
	.rigTabIco{ float:left; width:30px; height:30px; margin:0 5px 0 0;}
	.rigTabCon p{ display:none;}
	.rigTabCon h4{ font-size:14px; line-height:30px;}
	.nowDo{ font-size:14px; height:38px; line-height:38px; width:160px;}
	.nowDo i{ width:18px; height:18px;}	
	.applyData li a{ background-size:18px auto; padding-left:22px;}
	.rigList2 .rigLi1Rig{ margin-left:40px; padding:.3rem .2rem;}
	.rigList2 .rigLi1Con{ font-size:14px;}
	.rigTit3 h4{ font-size:20px;}	
	.leftPartner{ margin-top:50px;}
	.leftPartner .box3RigTop{ margin-top:-50px;}
	.leftPartner .box3People{ width:100px; height:100px;}
	.leftPartner .box3ConUs{ padding:.3rem .2rem;}
	.detailTit{ font-size:20px;}
	.readTit{ font-size:12px; line-height:20px; -webkit-line-clamp:2;}
	.zlBox5 li{ width:100%;}
	.zlBox6Img{ width:40px; height:40px; margin-right:10px; margin-top:6px;}
	.zlBox8{ height:calc(7.4rem + 80px);}
	.zlBox8 .swiper-slide{ width:80%;}
	.sbBox2Ico img{ max-width:40%;}
	.sbBox3 li{ width:100%;}
	.sbBox3Ico{ margin-bottom:.2rem;}
	.flBox1{ font-size:14px;}
	.nowAsk2{ font-size:16px;}
	.qyBox5 .zlBox4Tit{ font-size:16px;}	
}
@media all and (orientation : landscape){
}
@media all and (orientation : portrait){
}

.clearfix{
    clear: both;
}